Motion for React

Package: motion (formerly framer-motion). Import from "motion/react".

Installation

pnpm add motion

Imports

// Standard React (Vite, CRA, Pages Router)
import { motion, AnimatePresence } from "motion/react"

// Next.js App Router — use "motion/react-client" for RSC tree-shaking
"use client"
import * as motion from "motion/react-client"