Motion.dev（原 Framer Motion）是一个面向 React、原生 JavaScript 和 Vue 的现代动画库与文档中心，简化了构建高性能、自然手感 UI 动画的流程。它提供声明式组件 API（如 motion.div、motion.svg）、variants、关键帧、基于物理的弹簧和缓动…
Motion.dev（原 Framer Motion）是一个面向 React、原生 JavaScript 和 Vue 的现代动画库与文档中心，简化了构建高性能、自然手感 UI 动画的流程。它提供声明式组件 API（如 motion.div、motion.svg）、variants、关键帧、基于物理的弹簧和缓动选项，并通过 useAnimation 提供类似时间线的命令式控制。主要功能包括布局与共享布局过渡（layoutId）、基于存在感的挂载/卸载动画（AnimatePresence）、手势支持（拖拽、点击、悬停）、滚动驱动的动画以及 SVG 支持。使用 Motion 可实现微交互、动画列表、页面过渡、加载状态和复杂编排，代码可访问、可组合且可被 tree-shake。它与常见的样式方案和支持 SSR 的模式集成良好，是追求精致运动设计的生产级 Web 前端的实用选择。
本页属于 OpenClaw Skills 学习体系，覆盖技能安装、分类导航与实战链接。