KB-203 · HERO/CONSOLE/DRIFT
Console Drift Hero
A console hero for tools that live in the terminal. Copy holds the left edge; the vignette is a framed console whose listing turns out line by line — the product demonstrating itself in its own medium — while aurora ribbons rise from the page floor, faded low so the listing stays the brightest thing on the stage.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hero-console-drift
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| headline / copy / eyebrow | string | — | The copy column. Headline is two lines, one per element. |
| code / filename / checks | string · string · string[] | — | The console vignette — listing, title rail, and its seals. |
| primaryCta / secondaryCta / onPrimary / onSecondary | string · () => void | — | Both actions; primary carries the arrow. |