Motion.dev
Production-grade animation library for the web
Creators mentioned
2
Total mentions
2
Category
Design & creative
What it does
Motion (prev Framer Motion) is a free, open-source (MIT) JavaScript animation library for React, JavaScript, and Vue. It provides high-performance animations using a hybrid engine of JavaScript and hardware-accelerated browser APIs, with features like independent transforms, scroll animations, native gestures, layout animations, spring physics, exit animations, timelines, and motion values. It includes 430+ copy-paste examples, premium Motion+ components, Motion UI sections, and AI-compatible tools. Tiny footprint with APIs up to 90% smaller than GSAP alternatives. Trusted by Framer and Figma. Includes AnimatePresence, useMotionValue, ScrollTimeline, variants, stagger, and more. Motion+ adds premium library (carousels, tickers, etc.), 430+ AI-ready examples, Motion UI, AI Kit, tutorials, visual editor, and private community.
How to get startedverified 8/25/2026
- Choose runtime: React, JavaScript or Vue
- Install via npm or use Motion+ registry
- Import and use components like motion.div with props such as animate, layout, or drag
What creators are saying
Sorted by extraction confidence, most recent first.
“This is exactly why I put together Motion for students who are curious about AI but are not sure how to navigate it, for students who want to use it without losing their creative edge in the process.”Untitled video
“The second is motion dot dev, this is fantastic for transitions and has so many smooth effects.”Untitled video
Product details
Pricing
Core library is free and MIT-licensed. Motion+ is a one-time payment for Personal (lifetime updates) or annual per-seat for Business (with multi-user license and seat management). 14-day refund.
Runs on
React · JavaScript · Vue
Works with
Framer · Figma · shadcn · AI agents
Version
13.1.0
Links