Motion

Motion 是一个开源的 Web 动画库，前身是 Framer Motion。它把界面里常见的动效——元素位置和尺寸变化、拖拽与悬停、滚动进度联动、带物理感的弹簧动画——封装成少量 API，在 React、Vue 和原生 JavaScript 里都能用。装好包之后，给组件加上 motion 前缀、写几个属性，动画就能跑起来。

主要功能

布局动画能处理 CSS 做不到的尺寸、位置和顺序变化，甚至可以在两个组件之间做过渡；手势动画支持按压、悬停、拖拽，拖拽松手后带惯性；滚动动画把任意数值绑定到滚动进度上，浏览器支持时走 ScrollTimeline 做硬件加速。弹簧动画按刚度、阻尼、质量三个参数模拟物理运动，目标中途移动也能顺滑接上。此外还有退出动画和 Three.js 的 3D 对象动画。

体积与付费部分

核心库默认很小，mini 版约 3.2kb，其余功能可以按需加载。免费开源的部分覆盖大部分日常动效需求；Motion+ 是付费层，提供现成的 Motion UI 组件、示例与教程库、可视化时间轴编辑的 Motion Studio，以及给 AI 编程助手用的 AI Kit 和查慢动画的 Performance Doctor。

适合谁

适合正在做 Web 前端、想让界面动效更细腻的开发者，尤其是 React 和 Vue 项目。需要现成组件或可视化调参的团队可以看 Motion+；只想写几行动画的不必付费。