Spotlight Index Scroll
A pinned gallery where a centered column of images scrolls past a fixed sightline: whichever image sits on the center line brightens, a running NN/TT index counter climbs the left edge, and a stacked list of project names on the right lights up and slides one entry at a time.
npx shadcn@latest add https://ui.aryank.space/r/spotlight-index-scroll.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| projects | { name: string; image: string }[] | 10 BLANK-hosted JPGs | Gallery entries; the counter and name list size to this length. |
| embedded | boolean | true | Own the scroll container; set false to ride the window scroll. |
projectslinksName and image per gallery entry.
introText / outroTexttextThe centered copy before and after the pin.
gsaplenis