Infinite Column Wall
What it does
Six columns of photographs scroll vertically on their own clock — one up, the next down — and never stop, their top and bottom edges dissolving into the background. Scrolling through the sticky section darkens the ground to near-black, turns the headline hiding behind the grid lime, and slides the columns apart as two rigid blocks until only one column is left at each edge. The opening is ratcheted (scrolling back up does not rebuild the wall) while the colour change is a plain scrub and does rewind.
How it's built
| Category | scroll |
|---|---|
| Tech | gsap, lenis |
| GSAP plugins | ScrollTrigger |
| Complexity | page |
| Performance cost | medium |
| 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.