Framer Motion

A production-ready motion library for React that simplifies complex animations through a declarative, prop-based API.

Framer Motion powers high-end user interfaces by handling the heavy lifting of CSS transitions and SVG path morphing. It provides developers with the 'animate' prop to trigger state changes instantly, alongside specialized components like AnimatePresence for exit animations and LayoutGroup for shared element transitions. With built-in support for gestures (hover, tap, and drag) and a physics-based spring system, it ensures 60fps performance without the manual overhead of complex keyframe management.

https://www.framer.com/motion/