Motion & animation

The official GSAP skill for the core API: tweens, easing, stagger, defaults, matchMedia and reduced motion, used the right way.

Official ScrollTrigger guidance: scroll-linked animation, pinning, scrub, triggers, refresh and the cleanup mistakes to avoid.

Official guidance for GSAP in React and Next.js: useGSAP, refs, scoping with gsap.context() and cleanup.

Official guide to GSAP plugins: Flip, Draggable, SplitText, ScrollSmoother, MorphSVG and Observer.

LottieFiles' motion principles: an eight-step checklist, duration and easing tables, motion personalities and ready patterns for presses, entrances and success states.

How to animate state and route changes with React's ViewTransition, transition types and view-transition CSS, including Next.js specifics.