GSAP 官方的八条动画技能

GitHub Stars 1.3万

分类：图像与视觉设计

最值得知道的一条是许可变了：Webflow 收购 GSAP 之后，原来要付费的 Club 插件——SplitText、MorphSVG 等——全部免费且含商用，直接从公共 npm 包装，不再需要 .npmrc、令牌或私有源。仓库同时维护 Claude 和 Cursor 两套插件清单。有个坑写在明处：Copilot 不加载 Cursor 或 Claude 的 skill 文件，得自己把指令复制进目标仓库。

图像与设计开发开源

一句话价值

按主题分：核心补间、时间轴、ScrollTrigger、插件、工具函数、React、性能、框架集成。另有一份 llms.txt 当索引给 agent 用。

适合场景

设计师
开发者

亮点

用 GSAP 给这个区块做滚动触发动画，先读 scrolltrigger 那条。
这段文字用 SplitText 拆成逐字入场，注意性能。
在 React 里正确清理 GSAP 动画，按 gsap-react 那条的写法。

安装指引

npx skills add https://github.com/greensock/gsap-skills