motion

Motion is an animation library with first class packages for React, JavaScript, and Vue. The pitch is a hybrid engine that combines JavaScript with native browser APIs to hit 120fps GPU accelerated animation.

A modern animation library for React and JavaScript with a simple API and first class packages for React, JavaScript, and Vue. The engine mixes JavaScript with native browser APIs to reach 120fps, GPU accelerated animations. It is TypeScript, tree shakable, and small enough that the README calls the footprint tiny, backed by an extensive test suite.

The feature list reads like a grab bag of useful defaults: gestures, springs, layout transitions, scroll linked effects, and timelines. Instead of forcing you to wire each effect by hand, the library ships them ready to go, which is the main reason teams reach for it over hand rolled animation code.

There are 330 plus official examples with copy paste code, pitched at both beginners and experts. A paid Motion+ tier layers on more tutorials, premium APIs like Cursor and Ticker, a transition editor for Cursor and VS Code, AI skills, a private Discord, and early access content.

Motion powers the animations on every site built with Framer, and the Motion website itself runs on Framer. It also drives the animations on the Cursor homepage, with a stated push to bring AI workflows into the Motion examples and docs. Those two relationships are the strongest proof points in the README.

The library makes a strong case for being the default animation layer in React and Vue projects, and the Framer relationship gives it real world proof. The README keeps the sales copy short and lets the examples speak.

• Source 1 · Project repository
• Source 2 · README