01 / Free: Completely free to use, MIT licensed and open source.
02 / Production ready: Trusted by Framer and Figma across hundreds of thousands of sites.
03 / Hybrid engine: JavaScript and hardware-accelerated browser APIs in one library.
04 / Built for AI: Agent-compatible documentation, skills and API.
05 / Tiny footprint: APIs up to 90% smaller than their GSAP alternative.

Animations that move.

Create high-performance web animations with Motion's easy-to-use API, from simple transforms to advanced interactive gestures.

Independent transforms

Animate x, y, rotate, scale on the same element, without wrappers.

Scroll animation

Hardware-accelerated scroll-linked motion via ScrollTimeline.

Native gestures

hover, press, and drag that feel native, not bolted on.

Layout animation

Animate between any two layouts with a single layout prop.

Spring physics

Real spring math for animations that naturally react to user input.

Exit animation

AnimatePresence keeps elements alive so they can animate as they leave the DOM.

Timeline sequences

variants, stagger, and timelines orchestrate complex motion.

Motion values

useMotionValue drives animations and derived state in real time.

Copy, paste, ship.

Build previously complex effects, like magnetic cursors or infinite scrolling tickers, with 400+ copy and paste examples. Or adapt to your codebase using AI.

Browse all examples

Made with Motion.

Everything's possible with Motion. Here are some of the best creations from our expert Motion+ community.

Trusted by the world's leading teams.

Motion is deployed and sponsored by the best teams in the industry, powering UI animations across millions of sites.

Become a sponsor

Partners

Motion powers the animations across hundreds of thousands of Framer sites.

Visit Framer

Motion is partnered with Cursor on one-click open-in-AI examples for every component.

Visit Cursor

Platinum

The professional animation toolkit. Yours forever.

A production toolkit on top of the open source library: an agent-native AI Kit, premium components, examples, tutorials, an IDE transition editor, and a private community. One payment, yours forever.

01AI Kit

1.1Motion expert
1.2MotionScore performance audit
1.3CSS spring generator
1.4Transition visualiser
1.5Documentation search
1.6Examples search

Get Motion+ for £299

02Components

Ticker

Infinite marquees with true speed control and a unique minimal-clone algorithm.

Examples

03 / Examples: Adapt 400+ examples to your codebase with your AI agent.
04 / Early access: Get access to new APIs before they're in general release.
05 / Tutorials: 110+ step-by-step builds with live code.
06 / Transition editor: Visual transition editor in your IDE for Motion and CSS.
07 / Community: Private Discord and GitHub repo. Talk to the people building it.

Choose your runtime

Start with the API built for your project.

Browse all docs

Motion.
Production-grade animation for the web.