Motion

The React animation standard, now framework-agnostic

Visit site

Animation & MotionFreemiumReactJavaScript

Live site

Open

motion.dev

Preview Motion inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Formerly Framer Motion. Layout animations, gestures, scroll linking and a hybrid engine that hands off to the browser's native compositor where it can.

Get started

terminal

npm i motion

Related in Motion

View all

GSAP

gsap.com

The animation engine everything else is measured against

MotionFreeJavaScript

by GreenSock@greensock

Anime.js

animejs.com

Small, elegant JavaScript animation engine

MotionOpen sourceJavaScript

by Julian Garnier@juliangarnier

React Spring

react-spring.dev

Spring physics for React

MotionOpen sourceReact

by Poimandres@pmndrs