Documentation

Documentation

JS

React

Introduction

Animation

Gestures

Utils

Integrations

Guides

JS

React

Introduction

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+

Introducing Cursor

Cursor is a creative cursor component for React, that makes it super easy to make custom cursor and follow cursor effects.


Hover over these examples to check out some of what it can do:

Custom cursor

Follow with spring

Multicursor

?

?

Get Motion+

Get Motion+