将 JavaScript 的灵活性与浏览器原生 API 相结合，在每一帧都保持丝滑流畅。
提供对 React、JavaScript 和 Vue 的一流支持包。用声明式的方式描述动画，Motion 负责其余的一切。
将 JavaScript 的强大能力与浏览器原生 API 结合，实现 120fps、GPU 加速的动画，在低端设备上也保持流畅。
使用 TypeScript 编写，拥有完善的测试套件，支持按需引入（tree-shaking），体积小巧，已在数以千计的产品中验证。
手势识别、弹簧动画、布局过渡、滚动联动效果、时间轴 —— 这些能力无需额外配置，安装后立即可用。
以下每个演示都由 Motion 驱动 —— 拖拽、弹簧物理、布局动画，全部开箱即用。
拖动方块，松手后弹簧回弹
点击按钮触发弹性动画
点击列表项重新排序
无论你使用 React、原生 JavaScript 还是 Vue，Motion 都提供了一致且优雅的 API。
Motion 为 React 提供了声明式的 motion 组件，只需将 HTML 标签替换为 motion 标签，即可拥有完整的动画能力。
import { motion } from "motion/react"
function Component() {
return <motion.div animate={{ x: 100 }} />
}