动画库 对比 · 2026
GSAP vs Motion
GSAP 是一个成熟的、与框架无关的动画引擎，围绕时间线构建，在复杂、精心编排的动效上有着长期的实践积累。Motion（前身为 Framer Motion）为 React 采用声明式、组件优先的方式，动画以 props 和 variants 的形式存在于你的标记之中。
业界广泛使用的 JavaScript 动画引擎，以时间轴为核心。
- 网址
- gsap.com
- 标签
- Animated
生产级动画库，为 web 上的 React 应用添加动效。
- 网址
- motion.dev
- 标签
- ReactAnimated
GSAP vs Motion：该选哪个？
当你需要在任何技术栈上运行精确、有序编排的动画序列，或处理繁重的滚动与 SVG 工作时，选择 GSAP。当你身处 React 且想要在组件中读起来自然的弹簧物理、布局动画与手势时，选择 Motion。很多团队两者兼用。
供参考，在 Designeer 上两者都标注为 animated；Motion 还标注为 react。标签来自各工具自身的描述，并非评分。