Motion.dev logo

Motion.dev

Library

Production-grade animation library for the web

Open Motion.dev

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.

Create high-performance web animations
Animate independent transforms and layouts
Handle native gestures and scroll-linked motion
Orchestrate timelines with springs and variants
Drive real-time animations with motion values

How to get startedverified 8/25/2026

  1. Choose runtime: React, JavaScript or Vue
  2. Install via npm or use Motion+ registry
  3. 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.

@samuelfafiolu(Samuel Fafiolu)
Recommended
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
@felixbravoai(Felix Bravo)
Recommended
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