GSAP

GSAP 是一套跑在浏览器里的 JavaScript 动画库，由 Webflow 支持维护。它要解决的是网页动效难写、难对齐、难控制的问题：把元素、SVG 路径、文字、滚动位置都交给同一套 API 驱动，用时间线把多个动画排好先后，而不是散落在一堆 CSS 和定时器里。

主要功能

核心是补间与时间线，可以给任意 JS 能碰到的属性做动画，缓动曲线既能选现成的，也能自己画。围绕核心还有几组插件：ScrollTrigger 把滚动变成叙事节奏，ScrollSmoother 做平滑滚动；SVG 方向有 DrawSVG、MorphSVG、MotionPath；界面交互有 Flip、Draggable、Observer；文字有 SplitText、ScrambleText。官网用 Showcase 展示品牌站点案例，文档和视频课程放在 Learn GSAP 下。

适合谁

适合写前端的人，尤其是做营销页、作品集、品牌官网这类需要精细动效的项目。React 项目有对应的接入说明，官方也提供 useGSAP 这类工具。只想给按钮加个过渡的人，用它反而绕远。

费用与限制

官网明确写着 GSAP 现已对所有人免费，此前需要付费的插件也一并放开，费用上不用再纠结。使用前需要懂 JavaScript，纯靠可视化拖拽做不了。社区账号是可选的，用来进论坛和 Discord、接收更新通知，不注册也能直接下载使用。