Motion. A production-grade animation library for
React, JavaScript, and Vue.

Motion. A production-grade animation library for
React, JavaScript, and Vue.

Motion. A production-grade animation library for
React, JavaScript, and Vue.

Free and

open-source

Easy to use

Production-ready

Hybrid engine

Robot friendly

Tiny footprint

Features

Animations that move

Create smooth, high-performance UI animations with Motions 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+

More than 180+ exclusive examples, creative APIs like Cursor, private Discord and GitHub, and powerful VS Code animation editing tools.

One-time payment, lifetime updates.

Examples & Tutorials

Learn by doing

Examples and tutorials for React animation, JS gestures and Vue transitions, with copy/paste source code and step-by-step guides.

Sponsors

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.

Partner
Platinum sponsors
gold sponsors

Adoption

Selected by the community

Motion is the fastest-growing animation library in the world, with over 10 million monthly downloads on npm.

2021

2021

2022

2022

2023

2023

2024

2024

2025

2025

10 million

Motion

React Spring

GSAP

Anime.js

What's new

Updates

Always in Motion. Follow the latest releases, content, and examples. All in one feed.

Example:

Cursor Trail

Aug 1, 2025

Example:

Typewriter: Change Content

Jul 23, 2025

Example:

Typewriter x splitText: Exploding Content

Jul 23, 2025

Delight the web with Motion

Motion is available for vanilla JavaScript, React and Vue.

Or you can start with one of our platform-specific integration guides.

Motion is available for vanilla JavaScript, React and Vue.

Or you can start with one of our platform-specific integration guides.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.