Design Directory

Framer Motion

Tools · Animation · Free

Motion (formerly Framer Motion) is a production-grade animation library for React and JavaScript that combines native browser performance with JavaScript flexibility through a hybrid rendering engine. Standout capabilities include gesture-driven animations for hover, tap, and drag interactions, sophisticated layout animation tools, and scroll-linked animations that respond to user scrolling. The library serves designers and developers building interactive experiences who need multi-step animations through variants and keyframes. With minimal bundle size and modern React support, Motion delivers animations that enhance engagement while maintaining performance, particularly valuable for component-based design systems and data visualization.

animation, react, motion, gestures

framer.com