Desora
Sign up

Stack Spread

A clustered deck of images that scatters into a composition on scroll, then gathers back up — with pointer parallax on the spread cards.

DDesora00
motionscrollgallery

Add it with the CLI

npx shadcn@latest add stack-spread
Build a scroll-driven hero where a clustered stack of photographs scatters into a
full-bleed composition as the section is pinned.

Mechanism: a tall section (350vh) holds a sticky, viewport-tall stage. Map the
section's scroll progress to a 0-1 value that sta

████ ███████ ██████ ████████ ███ ██████████ ████ ███████
████ ███████ ██████ ████████ ███ ██████████ ████ ███████
████ ███████ ██████ ████████ ███ ██████████ ████ ███████
████ ███████ ██████ ████████ ███ ██████████ ████ ███████
████ ███████ ██████ ████████ ███ ██████████ ████ ███████
████ ███████ ██████ ████████ ███ ██████████ ████ ███████

This prompt is for members

Subscribe to copy this prompt, the full component library and connect your agents over MCP.