Motion

Motion is the modern animation library for React (motion/react) and the framework-agnostic Web Animations API (motion / Motion One). This skill covers the React API, which is the standard for animated UIs.

Setup

npm install motion

Import from motion/react:

import { motion } from "motion/react"

Core building blocks

The motion component turns any DOM element or component into an animatable one: