Wordmark Spotlight Scroll
A fixed dark stage where giant SVG wordmarks stretch vertically into one another across six scroll steps. Each project transition grows a square image from the lower-left corner, then shrinks and drifts it upward as the next wordmark takes over.
npx shadcn@latest add @compronents/wordmark-spotlight-scrollInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| Prop | Type | Default | Description |
|---|---|---|---|
| images | string[] | 6 BLANK-hosted JPGs | Project stills shown in sequence. |
| driftAmount | number | 300 | Image exit distance as yPercent. |
| embedded | boolean | true | Own the scroll container; set false to use window scroll. |
imagesasset-urlSix project images paired with the source wordmarks.
driftAmounttextVertical exit travel in percent for each project image.
gsaplenis