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.

Component

A collection of selected works

01/10

Human Form Study

Interior Light

Project 21

Shadow Portraits

Everyday Objects

Unit 07 Care

Motion Practice

Noonlight Series

Material Stillness

Quiet Walk

Scroll complete

Install

npx shadcn@latest add @compronents/spotlight-index-scroll

Installs from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.

Files

Checking access…

API

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.

Customize

projectslinks

Name and image per gallery entry.

introText / outroTexttext

The centered copy before and after the pin.

Dependencies

gsaplenis