动画工具 对比 · 2026
GSAP vs Lottie
这两者解决的是 Web 动画的不同半边。GSAP 是一个代码优先的引擎，用它可以通过编程为页面上的任何元素制作动画；Lottie 则是一个播放器，用于播放从 After Effects 导出为 JSON 的预制矢量动画。
业界广泛使用的 JavaScript 动画引擎，以时间轴为核心。
- 网址
- gsap.com
- 标签
- Animated
轻量的、基于 JSON 的格式，用于向 web 交付矢量动画。
- 网址
- lottiefiles.com
- 标签
- Animated
GSAP vs Lottie：该选哪个？
需要插入一段设计好的、自包含的动画（例如加载动画或插画）时，使用 Lottie。当动效属于界面逻辑的一部分——滚动效果、过渡、由代码掌控的时间线——时，使用 GSAP。两者可以愉快地共存。
供参考，在 Designeer 上两者都标注为 animated。标签来自各工具自身的描述，并非评分。