Frame 01
Ceramic Vane
SPEC · 010-K
KQ-035 · KINETIC/GALLERY
Kinetic Gallery
Grab the strip and throw it — release carries momentum that decays and snaps the nearest frame to the rail, with prev/next and dot controls.
KQ-035 · KINETIC/GALLERY
Specimen Rail · 06 frames
Frame 02
Copper Coil
SPEC · 020-K
Frame 03
Cobalt Lattice
SPEC · 030-K
Frame 04
Magenta Rotor
SPEC · 040-K
Frame 05
Amber Bearing
SPEC · 050-K
Frame 06
Jade Manifold
SPEC · 060-K
Slide 1 of 6
Grab and fling · snaps to the nearest frame
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/kinetic-gallery
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Each direct child is a slide; widths are measured for snapping. |
| gap | number | 16 | Pixel gap between slides. |
| align | "start" | "center" | "start" | Where the active slide settles against the rail. |
| aria-label | string | — | Names the gallery region for assistive tech. |