gsap.com
GS
GSAP
前端动画的行业标准 JavaScript 库：精确时间轴、ScrollTrigger、SplitText、MorphSVG 等，被 Webflow 收购后现已100%免费（含商用）。
立即开始了解更多
立即试用
GPT-4o什么是 GSAP?
GSAP（GreenSock Animation Platform）是Web动画的行业标准 JavaScript 库，由 Jack Doyle 团队从 Flash/ActionScript 时代打磨至今15年以上。它能为任何 JavaScript 可触及的对象做动画——CSS、transform、SVG、canvas、React/Vue/Svelte 组件与普通对象——并用强大的时间轴模型对复杂动效进行排序、重叠、暂停、拖拽与逐帧精确控制，同时抹平各浏览器差异。插件生态覆盖滚动驱动场景（ScrollTrigger）、逐字/词/行拆分文字（SplitText）、SVG路径形变（MorphSVG）、描边绘制（DrawSVG）、沿路径运动（MotionPath）、布局/FLIP过渡（Flip）、拖拽（Draggable）、平滑滚动等。Webflow 于2024年10月收购 GreenSock，并在2025年4月的 v3.13 把整套工具——包括过去仅 Club GSAP 会员可用的全部高级插件——100%免费开放，连商业项目也免费；gsap-trial 包已废弃，改用零依赖的标准 gsap 包。它与框架无关，同时也驱动了可视化、基于GSAP重构的 Webflow Interactions。
4.5
评分
免费
定价模式
6+
平台
0
收藏
优点
- 最强、最可靠的Web动画引擎。
- 复杂序列的逐帧时间轴控制远胜CSS过渡。
- 所有付费插件现已免费且含商用授权。
- 适配任意框架，文档与示例极好。
- 零依赖小核心，自动兼容浏览器差异。
缺点
- 以代码为主，复杂时间轴有学习成本。
- 几行CSS能搞定的效果用它属杀鸡用牛刀。
- 高级SVG/Flip效果需懂DOM与SVG。
- 插件用得多时打包体积会上升。
同类工具对比
| 功能 | GSAP | Anime.js | PGVector | Code Genius |
|---|---|---|---|---|
| 评分 | 0.0 | 4.8 | 4.1 | 4.7 |
| 定价模式 | 免费 | 免费 | 免费 | 免费 |
| 起价 | — | — | Free | Free |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
滚
滚动叙事
做钉住、滚动跟随、视差的落地页长卷。
微
微交互
Web应用里精致的按钮/菜单/悬停/加载动效。
S
SVG动效
形状形变、线条描绘、Logo图标动画。
布
布局过渡
React/Vue里的FLIP页面、列表与共享元素动画。
广
广告与游戏
序列Banner、互动演示与canvas动画。
开发者
GreenSock / Webflow
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
English, 中文
更新于
2026-09-13
公司信息
成立于 2000
常见问题
是的，自2025年4月v3.13起，Webflow让整套工具（含原Club会员插件）100%免费，商业项目也免费。