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 https://ui.aryank.space/r/wordmark-spotlight-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 |
|---|---|---|---|
| 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