Framer Motion

Framer Motion is a declarative animation library for React, using variants and gestures for smooth, production-ready motion with GPU acceleration.

It supports layout animations and scroll triggers.

Use Framer Motion when:

• Adding micro-interactions to React UIs.
• Creating complex sequences or orchestrations.
• Needing gesture-based animations.
• Enhancing page transitions.

Note: Use animate prop for basics.

Prefers-reduced-motion respect.

Combine with IntersectionObserver.