Tell a scroll story with GSAP ScrollTrigger
A local landing page with a pinned hero, scroll-triggered reveals, parallax, and a reduced-motion fallback.
First win
Scrolling visibly pins the hero, crossfades story beats, and reveals sections in the browser.
Best for
Web designers learning GSAP
Needs
Claude Code, Browser, Short story idea
Example outcome
Scrolling tells a paced product story.
This preview shows a pinned hero whose four beats crossfade, followed by section reveals and a parallax accent driven by ScrollTrigger.
Pinned hero, four beats
ScrollTrigger pins the hero for about three viewport heights while four story beats crossfade with a smooth scrub.
Pin
3x vh Reveal
75% Parallax
0.3x
3x vh Reveal
75% Parallax
0.3x