Motion

做页面交互时，元素进出场、布局变化、滚动联动，每样都要自己写一套状态和过渡。Motion（前身是 Framer Motion）把这些变成声明式的写法，给组件加个属性就能让布局变化自动带上平滑过渡，也能用于原生 JavaScript 和 Vue。

MIT 协议开源，官网有示例库和面向 AI 的工具包。

软件功能

布局动画：元素尺寸或位置变化时自动补出过渡，共享布局也能做。

手势：悬停、点击、拖拽等手势直接对应动画状态。

滚动联动：根据滚动位置驱动动画，也可以做视差。

进出场：组件卸载前先播放离场动画。

硬件加速：尽量用浏览器原生能力保证流畅。