专业级 JavaScript 动画库与动效工具箱
GSAP由 Webflow 支持、现已对所有人免费的 JavaScript 动画库，用 Core、Scroll、SVG、UI、Text 五个工具组覆盖补间、滚动、图形、组件与文字动效，配套官方文档、作品展示、视频课程与社区，可直接接进网页项目使用。
深度介绍
GSAP 是一套写给网页的 JavaScript 动画库，首页标题为 Homepage | GSAP，页面描述以 Supported by Webflow 开头。首屏主视觉只强调一个主张：Animate Anything，旁边配一句为专业人士打造的野性强健动画库，以及一个 Get GSAP 按钮。导航分成两层，上层是 Tools 下的五个工具组，下层排着安装、GSAP 与 React、视频课程、作品展示、社区、教程、文档、示例和登录。第一次打开官网的人，可以先借这层导航判断自己该往哪走，再决定从工具组还是从教程入手。
核心能力被收进五个工具组：Core 负责补间动画，Scroll 负责滚动编排，SVG 负责图形动画，UI 负责组件动效，Text 负责文字编排。首页的三处卖点与之呼应：第一处强调它可以为界面、SVG 图形与沉浸式 WebGL 场景兜底，第二处讲缓动，既有一批即插即用的缓动曲线，也支持自定义曲线，还能用一次编排把整段动画序列摆顺，第三处则概括了这套库在真实项目里的落点。五个工具组加三处卖点，构成它最常被用到的主干能力。
首页的 Why GSAP 段落给了三条很直白的承诺：轻松动画任何 JS 能触及的东西、丝滑的性能与无匹的支持、把乐趣留住。effortless、silky-smooth 与 fun 三个词被单独排版强调，扫一眼就能抓到重点。整页体量约 338KB，动效字排与强调排版占了大头，官网本身就当成一次演示来做。页脚的 logo 用明亮的蓝色填充，视觉记忆点清楚，旁边还并排放着隐私政策与使用条款两条链接。
这套库适合的场合写在项目场景里：官网首屏的进场序列、长页面的滚动视差、数据图表的动效、产品页的 SVG 演示，以及活动页上的文字编排。想做滚动叙事长页、SVG 图形动画，或者让文案逐字出现的运营需求，都能在对应工具组里找到落点。作品展示页收录了大量已经上线的案例，找灵感时可以先去翻一翻，再回到文档确认实现方式，最后把写法搬进自己的项目。
官网顶栏挂着一句 GSAP is now free for everyone, thanks to Webflow's support，页面描述也写明 Supported by Webflow，多年的付费模式就此翻篇。也就是说，任何人都能先免费用上这套库，不必先挑套餐再决定要不要动手。想进一步参与的话，注册账号同样免费，官网给出的理由有四条：完全免费、可以进入私有 Discord、在论坛里学习交流、第一时间拿到新功能。价目相关页面的标题是 Pricing | GSAP，通篇围绕这份免费展开。
找资料的入口分布在官网各处：官方文档按工具组拆开讲解，作品展示页汇集已经做出来的案例，社区页与私有 Discord 提供提问的地方。社交侧链到 CodePen 上的 GreenSock 账号、GitHub 的 greensock/GreenSock-JS 主仓库、Facebook、LinkedIn，以及 X 上的 @greensock；赞助方 Webflow 的官网也在页面上留了链接。想看示例可以去 Demos，想看别人怎么做可以去 Showcase，两边都从同一个导航进得去。
上手从导航里的 Installation 开始，按官方步骤把库装进项目；在用 React 的话，旁边有专门的 GSAP 与 React 页面讲接法。之后可以跟着 Video Lessons 的视频课走一遍，再用 Learn GSAP 的教程补齐基础，最后到 Demos 里照着示例改一改。首页的 Get GSAP 按钮是最快的起点，点进去即可开始；遇到卡住的地方，文档、论坛与 Discord 都在同一个导航里，随时能问。
产品特点
顶栏一句 GSAP is now free for everyone, thanks to Webflow's support 把多年的付费模式直接翻篇，赞助方的名字就挂在句子尾巴上；页面描述又用 Supported by Webflow 呼应了一次，免费这件事在首屏说了两遍，来的人不用再翻价目表。
GitHub 主仓库叫 greensock/GreenSock-JS，CodePen 账号是 GreenSock，X 上的 handle 也是 greensock。产品改名之后，旧公司名仍锁在这三个网址里，翻仓库、翻作品、翻社交主页都能读出它的来历。
站内的 sitemap 是一份 262 字节的索引文件，里面只指路两张子图：主站一张、文档一张。比起动辄成百上千条的巨型清单，这种小而专的分工让抓取方一眼分清内容主线与文档线，清爽很多。
107 字节的抓取规则一共四行，允许抓取全部内容，两条禁止项都指向后台管理路径。它不担心作品和代码被读走，只想把后台那扇门关好，整体态度相当大方，读一遍就知道这站长什么样。
最近动态
官网顶栏与页面描述同时写明支持来源：GSAP is now free for everyone, thanks to Webflow's support，以及 Supported by Webflow。页面上还保留着指向 webflow.com 的赞助链接，页脚 logo 用蓝色填充，两条信息彼此印证。
GitHub 主仓库仍以 GreenSock-JS 命名，CodePen 账号沿用 GreenSock，X 账号沿用 greensock，Facebook 与 LinkedIn 也都在社交链路里。官方在多处保留了这段历史，想查前身的人从任意一条链接都能顺出来。
官网首页、作品展示页与文档页均可正常访问，站点索引分主站与文档两张子图；封面取官方分享图 1200×630，图标取触控图标 180×180；导航里的学习入口、社区入口与五个工具组信息也一并更新到这页介绍中。
GSAP 是一套写给网页的 JavaScript 动画库，首页标题为 Homepage | GSAP，页面描述以 Supported by Webflow 开头。首屏主视觉反复强调一个主张：Animate Anything，旁边配一句为专业人士打造的野性强健动画库，以及一个 Get GSAP 按钮。顶栏那句 GSAP is now free for everyone, thanks to Webflow's support 把它多年的付费模式直接翻篇，如今任何人都可以先免费用起来。 能力集中在五个工具组里：Core 负责补间动画，Scroll 负责滚动编排，SVG 负责图形动画，UI 负责组件动效，Text 负责文字编排。首页的 Why GSAP 段落用三句话概括使用感受：轻松动画任何 JS 能触及的东西、丝滑的性能与无匹的支持、把乐趣留住。三处卖点分别对应界面、SVG 图形与沉浸式 WebGL 场景，以及一批即插即用的缓动曲线、可自定义的曲线，还有用一次编排把整段动画序列摆顺的能力。 学习与社区的入口在导航里排得很满：安装指南、GSAP 与 React 的接法、视频课程、Learn GSAP 教程、Demos 示例、作品展示与官方文档，另有论坛和私有 Discord 可以提问。社交侧链到 CodePen、GitHub、Facebook、LinkedIn 与 X 上的 GreenSock 账号，GitHub 主仓库名为 GreenSock-JS，旧公司名一直保留在网址里。页脚提供隐私政策与使用条款，整站由 Webflow 提供支持，作品展示与文档两条线各自独立成页。
核验信息
本页内容核对于 2026-10-04，资料来自 GSAP 官网首页、官方文档、作品展示页、GitHub 主仓库、Discord 社区、赞助方 Webflow 官网，以及站内的分享图与触控图标素材；功能、资费与社区信息均以官网公开内容为准。
GSAP介绍页面对您是否有帮助？