What is Motion?
Motion, formerly Framer Motion, is the most widely used animation library for React, with versions for vanilla JavaScript and Vue too.
It handles gestures, spring physics, exit animations, scroll effects and automatic layout transitions with very little code. The core library is free and open source; Motion+ adds optional paid extras.
License and usage
Yes. Motion is released under the MIT license, which allows commercial use without attribution.
What you get
- Layout and shared element transitions
- Springs, gestures and drag
- Scroll-linked effects
- React, JavaScript and Vue
Pros
- Very easy in React
- Hardware-accelerated
- Huge community
Cons
- Some premium examples are paid (Motion+)
- Adds to bundle size
Best for
Ratings and reviews
No reviews yet. Used it? Be the first to rate it.
Motion FAQ
Is Motion free?
Motion is free and open source under the MIT license. Install it from npm without an account.
Can I use Motion for commercial projects?
Yes. Motion is released under the MIT license, which allows commercial use without attribution.
Do I need an account to download from Motion?
No. You can browse motion.dev and download without signing up.
What are some alternatives to Motion?
Other free options include Anime.js, Lottie, Manim, Three.js and Three GPU Pathtracer.