ns-ui / loud
A scroll-scrubbed, infinitely-looping 3D card gallery — cards hang off a receding gantry track using real CSS perspective/preserve-3d, the whole tray tilts toward the pointer like a specimen table, and whichever card sits nearest the camera (by depth, not mouse distance) gets a procedural focus highlight and its title pushed to a live readout.
Use when a scroll-driven receding 3D card gallery that loops seamlessly and highlights whichever card is nearest the virtual camera; reach for scroll-particle-tunnel instead for a scroll flythrough of unlabeled particles with fixed-depth text callouts, not a catalog of discrete labeled items.
Install
npx shadcn add https://design.helpmarq.comSignal Plate
Rev. A
Trace Coil
Rev. C
Bench Jig
Rev. B
Vernier Set
Rev. A
Ratchet Frame
Rev. D
Sounding Rail
Rev. B
Gantry Head
Rev. A
Solder Bridge
Rev. C
Signal Plate
Rev. A
Trace Coil
Rev. C
Bench Jig
Rev. B
Vernier Set
Rev. A
Ratchet Frame
Rev. D
Sounding Rail
Rev. B
Gantry Head
Rev. A
Solder Bridge
Rev. C
SCROLL TO RUN THE GANTRY
| Prop | Type | Default | Description |
|---|---|---|---|
| items? | GantryItem[] | — | — |
| className? | string | — | — |