domains / families / design / cinematic-gsap-lenis-motion-system

cinematic-gsap-lenis-motion-system

separate

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

When to use

• luxury editorial websites
• creative studio portfolios
• Awwwards-style interactions
• smooth scroll reveals
• staggered text
• parallax
• pinned sections
• magnetic hover states

When not to use

• bounce, elastic, springy, or playful motion
• fast abrupt transitions
• large scale jumps
• over-animated UI
• flashy gaming-style effects

Skill page

Source