cinematic-gsap-lenis-motion-system

What problem does it solve?

It solves the problem of creating cohesive, premium-feeling web motion that ties smooth scrolling, scroll-triggered reveals, and interactive hover/cursor behavior into a single consistent language.

Core Features & Use Cases

• Premium cinematic motion language: defines a luxury editorial timing and feel (eases, scrub delays, reveal and hover cadence) to avoid scattered “one-off” animations.
• Full motion system architecture: pairs GSAP + ScrollTrigger with Lenis so smooth scrolling remains synchronized with scroll-driven triggers.
• Reusable markup API: enables drop-in behaviors using data attributes for text (word/line masks), reveals, image clipping reveals, parallax, pinned/story scenes, magnetic hover, custom cursor, and mouse-reactive layers.
• Performance and accessibility guardrails: includes reduced-motion handling, animation limits (transform/opacity), ScrollTrigger refresh guidance, and SPA/React cleanup patterns.

Quick Start

Ask the AI to generate a GSAP + Lenis “cinematic motion” implementation that matches the provided markup attributes and initializes the full init order with reduced-motion fallback.