Documentation

Documentation

JS

React

Examples

Documentation

Animation

Gestures

Utils

Integrations

Guides

JS

React

Examples

Documentation

Animation

Gestures

Utils

Integrations

Guides

JavaScript

FAQs

FAQs

Browser support?

Motion supports all modern browsers. It doesn't support Internet Explorer 11 or below.

Why is my animation finishing instantly?

There are a couple reasons an animation might appear to finish instantly.

1. Your browser doesn't support CSS.registerProperty

If you're animating CSS variables and your browser doesn't support the CSS Properties and Values API, animations will finish instantly.

  1. scale: 0 in Safari

There's a bug in older versions of Safari where animating to scale(0) completes instantly.

Performance

Performance

Migrate from GSAP to Motion

Migrate from GSAP to Motion

A Motion+ membership will give you early access to features & content, access to our private Github and Discord, and more.

It's a one-time fee that grants lifetime access. No subscription necessary!

Learn more

Learn more

Learn more

MOTION+

Premium React components

Motion+ is a one-time fee, lifetime membership that supports Motion and grants access to the source code of an ever-growing library of examples.


You also gain access to Cursor and AnimateNumber, two exclusive new React components. Check out what they can do:

Get Motion+

Get Motion+