A powerful animation library and developer tools for making beautiful animations.
Free and
open-source
Easy to use
Production-ready
Hybrid engine
Robot friendly
Tiny footprint
Powerful animations
Create smooth, high-performance animations with Motion’s easy-to-use API—from simple transforms to advanced interactive gestures.
Simple
Transforms
Scroll
Exit animations
Springs
Gestures
Layout animations
Sequencing
Level up your animations with Motion+
Access to 100+ premium examples, exclusive APIs like Cursor, private Discord and GitHub, and powerful VS Code animation editing tools.
One-time payment, lifetime updates.
Motion is supported by the finest in the industry
Updates
Always in Motion. Follow the latest releases, content, and examples. All in one feed.
Motion+
1.4
Jul 2, 2025
Ticker now supports overflow! This makes it simple to place a ticker within a normal document flow and have the ticker effect extend out to the edges of the viewport.
Motion
12.23
Jul 2, 2025
Added
Add
.stop()and.cancel()methods touseDragControls().
Motion
12.22
Jul 1, 2025
Added
delayChildrennow acceptsstagger(), adding support for staggering out from any child, plus eased staggering.
Learn Motion
Learn Motion for React with interactive courses and expert-led videos.
Motion Showcase
All the beautiful sites featured in the Framer Gallery are powered by Motion. Here are some more amazing interactions made by developers with its flexible APIs.
