Scroll Text Blocks
Three columns of copy whose words roll out and in per-word as you scroll a pinned hero, with a scroll-velocity-reactive image marquee and a thin progress bar.
I work in portrait photography with a focus on light, tone, and quiet expression. My approach is patient and intentional.
I try to build images that feel honest, with enough breathing room for personality to settle into the frame.
The final images aim to capture the shift between who they are and become the moment the shutter falls still.
npx shadcn@latest add https://ui.aryank.space/r/scroll-text-blocks.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 |
|---|---|---|---|
| blocks | [string, string, string] | source-inspired copy | Copy blocks split into masked words. |
| images | string[] | 10 BLANK-hosted JPGs | Marquee tiles, duplicated for the seamless loop. |
| embedded | boolean | true | Own the scroll container; set false to ride the window scroll. |
blockstextareaThe three copy paragraphs that swap as you scroll.
imagesasset-urlThe ten marquee images.
gsaplenis