Converging Card Stack
What it does
Six scattered, rotated photo cards converge into a single stack as you scroll through a sticky section, uncovering the headline they were covering. A single GSAP timeline drives all six from their authored data-x/data-y/data-r offsets to a shared resting point, wired to ScrollTrigger with `scrub: 1.1` — a lagged scrub, so releasing the wheel leaves the cards travelling for about a second and scrolling back up finds them still piled over the headline.
How it's built
| Category | scroll |
|---|---|
| Tech | gsap, lenis |
| GSAP plugins | ScrollTrigger |
| Complexity | page |
| Performance cost | light |
| Mobile-safe | yes |
| Scroll | hijacks scrolling |
Rebuild it with AI
To reproduce this animation in your own project, copy the prompt below into Claude Code, Cursor or any AI coding agent. The prompt is validated — it describes the exact structure, timing and easing, so the agent rebuilds the effect faithfully and you can then adapt colors, copy and layout to your design.
Prompt coming soon.