Motion Documentation (prev Framer Motion)

Documentation

Get started with Motion

Animation library

React

')" class="framer-1qnnekl" aria-hidden="true">

JavaScript

')" class="framer-1qnnekl" aria-hidden="true">

Vue

')" class="framer-1qnnekl" aria-hidden="true">

Developer tools

Studio

')" class="framer-1qnnekl" aria-hidden="true">

Level up your animations with Motion+

Unlock the full vault of 330+ Motion examples, premium APIs, private Discord and GitHub, and powerful VS Code animation editing tools.

Get Motion+

One-time payment, lifetime updates.

Integration guides

Framer

')" class="framer-1qnnekl" aria-hidden="true">

Figma

')" class="framer-1qnnekl" aria-hidden="true">

Squarespace

')" class="framer-1qnnekl" aria-hidden="true">

WordPress

')" class="framer-1qnnekl" aria-hidden="true">

Webflow

')" class="framer-1qnnekl" aria-hidden="true">

Animation library

React

')" class="framer-1qnnekl" aria-hidden="true">

JavaScript

')" class="framer-1qnnekl" aria-hidden="true">

Vue

')" class="framer-1qnnekl" aria-hidden="true">

Developer tools

Studio

')" class="framer-1qnnekl" aria-hidden="true">

Level up your animations with Motion+

Unlock the full vault of 330+ Motion examples, premium APIs, private Discord and GitHub, and powerful VS Code animation editing tools.

Get Motion+

One-time payment, lifetime updates.

Integration guides

Framer

')" class="framer-1qnnekl" aria-hidden="true">

Figma

')" class="framer-1qnnekl" aria-hidden="true">

Squarespace

')" class="framer-1qnnekl" aria-hidden="true">

WordPress

')" class="framer-1qnnekl" aria-hidden="true">

Webflow

')" class="framer-1qnnekl" aria-hidden="true">