Turn your landing page into a story that unfolds on scroll.
Builds cinematic landing pages that reveal text, imagery, and layered sections as visitors scroll.
When to use it
Use when building or analyzing editorial scroll experiences with layered section reveals, sticky cards, parallax, or kinetic typography.
Give it a landing-page brief; it creates a page with cinematic scroll animations, layered reveals, and reduced-motion handling.
The core implementation installs gsap and imports its ScrollTrigger plugin for scroll animations.
The core implementation installs lenis and imports its JavaScript and stylesheet for smooth scrolling.
This skill
gsap
Installs gsap for scroll animations
lenis
Installs lenis for smooth scrolling