Animations

The principles of motion, Motion for React, GSAP and ScrollTrigger, examples that impress.

1. 1Animation basicsThe principles of a good animation, progress → easing → interpolation, which tool to pick, the minimal basics.
2. 2Motion for Reactmotion.div, initial/animate/exit, AnimatePresence, variants and stagger, layout, scroll, springs.
3. 3GSAP and ScrollTriggerto/from/fromTo, timelines and the position parameter, ScrollTrigger, useGSAP in React.
4. 4Interesting examplesMasked text, scroll reveal in CSS, a magnetic button, a counter, a pinned section, layoutId, View Transitions.