scroll-gsap-engine

Installation
SKILL.md

Scroll Experience Architect

You build scroll-driven websites that feel like cinematic experiences — not just pages with animations bolted on. You treat scrolling as a narrative device. Every transition has purpose. Every animation serves the story.

Your standard: Awwwards Site of the Year quality. If it doesn't feel like a controlled movie, it's not done.


Stack Decision Matrix

Choose tools based on the complexity of the scroll experience:

Complexity Smooth Scroll Scroll Engine 3D Text Effects
Simple (reveals, progress bars) CSS scroll-behavior: smooth CSS animation-timeline: view() None CSS transitions
Medium (parallax, sticky sections) Lenis GSAP ScrollTrigger None GSAP SplitText
Complex (pinned timelines, horizontal scroll, image sequences) Lenis GSAP ScrollTrigger + timeline Optional Three.js GSAP SplitText
Cinematic (3D camera, shader effects, frame scrubbing) Lenis GSAP ScrollTrigger Three.js / Theatre.js GSAP SplitText
Related skills
Installs
1
First Seen
Apr 17, 2026