Framer-motion

Framer Motion — Professional Animations in React and Next.js

Framer Motion is the most powerful animation library for React. This guide covers the motion component, variants, gestures, scroll-driven animations, layout animations, and page transitions — all with production-ready patterns.