- Website
- motion.dev
- GitHub stars
- 34.5k
About Motion UI
Motion UI is a fast, production-grade animation library for React, JavaScript, and Vue. It serves frontend engineers and designers building interactive UIs—from micro-interactions to complex transitions—with a tiny footprint, and it’s free and open source.
Key Features
Think about how it fits into real UI workflows: Motion UI gives you layout-aware, gesture-driven, scroll-responsive, physics-based motion for React, Vue, and vanilla JS apps. It’s designed for production use and compact enough to ship in the smallest bundles:
Layout animations
Animate changes to size, position and order that CSS can’t handle, even across components, with fast transforms and support for layoutId and AnimatePresence.
Gesture animations
Gestures that feel native, with drag, momentum, dragSnapToOrigin, and interactive states like whileHover and whileTap.
Scroll animations
Link values to scroll progress; Motion uses ScrollTimeline when possible for hardware-accelerated effects.
Spring animations
Physics-based springs that carry velocity; a value follows its target with stiffness, damping, and mass, staying fluid if the target moves mid-flight.
Summary
Best for frontend engineers, product teams, and design systems groups building interactive UIs in React or Vue.
