用途：Motion（原 Framer Motion）是面向 React 与 JavaScript 的生产级动画库，用声明式、少量代码实现流畅动画，适合交互 UI 组件、微交互、页面与路由过渡、滚动视差、布局变化、拖拽界面及复杂动画序列，也可替代 CSS 过渡。
主要能力：把 HTML/SVG 元素加 motion. 前缀即可动画；animate 定义目标状态，initial 定义初始状态，transition 控制时长缓动与弹簧物理（tween/spring/inertia）；variants 组织命名状态并向子级传播，支持 staggerChildren 级联。手势含 whileHover、whileTap、whileFocus、whileDrag、whileInView 及对应事件回调。AnimatePresence 处理退出动画（需唯一 key、作为直接子级）。layout 与 layoutId 支持布局变化和共享元素过渡。whileInView 做滚动触发动画。Hooks 有 useAnimate、useSpring、useInView、useReducedMotion 等。可与 GSAP、React Three Fiber、表单库结合。
使用方式：以 import { motion } from "framer-motion" 引入，声明式书写动画属性；需要手动控制时用 useAnimate 获取 scope 与 animate。支持 Next.js、Vite、Remix 等现代 React 框架。
限制：资料未提及价格、平台与具体安装命令；布局动画开销较大，建议动画 x、y、scale、rotate 等硬件加速的 transform 属性，避免 left、width，并配合 useReducedMotion 尊重减少动效偏好。