KQ-231 · VIGNETTE/HANDSET
Handset Vignette
A handset with an app scene scrolling on a slow loop — the mobile-demo vignette for a hero that wants to show the phone view without a video file. The card list is doubled and translated by half, so the loop never jumps; hovering rests the scroll, because a reader leaning in deserves a still page.
KQ-231 · VIGNETTE/HANDSET
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/vignette-handset
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | HandsetCard[] | — | The scene's cards, looped seamlessly. |
| loopSeconds | number | 14 | One full scroll cycle. |