Webflow 让 GSAP 完全免费，以及更多更新
Webflow makes GSAP 100% free — plus more exciting updates
探索 GSAP 的激动人心的新变化，由 Webflow 支持，以及产品增强等。
- Blog →
- Inside Webflow →
- Webflow makes GSAP 100% free — plus more exciting updates
Webflow makes GSAP 100% free — plus more exciting updates
探索 GSAP 的激动人心的新变化，由 Webflow 支持，以及产品增强等。
作者：
Rachel Wolan Chief Product Officer Rachel Wolan
Webflow 让 Web 社区可以 100% 免费使用 GSAP，让开发者能够更自由地利用 GSAP 驱动的各种动态效果。作为首个网站体验平台，我们在 Webflow 的目标是帮助现代团队创建引人入胜、具有品牌差异化的体验，将访客转化为客户——而我们看到效果最好的网站是那些互动性强、使用动画来脱颖而出的网站。
因此，在 2024 年秋季，Webflow 收购了行业领先的 JavaScript 动画库 GreenSock Animation Platform (GSAP)，以将我们的 Interaction solutions 提升到新的水平。我们很荣幸能够与 GSAP 合作，让每个人都拥有 Web 动画的超能力——无论您是想以可视化方式还是通过代码来实现您的想法。
今天，我们很高兴与大家分享 GSAP 和 Webflow 的一些重大更新，这些更新充分考虑了更广泛的 GSAP 社区和我们的共同客户的需求。
GSAP 现在 100% 免费——原因如下
我们完全致力于投资 GSAP 的未来，并以您的反馈和最初将这项技术带到生活中的 GSAP 团队的专业知识为指导。这项投资首先是让 GSAP 100% 免费供所有用户使用。
这意味着每个人——无论您是否是 Webflow 客户——都将能够完全免费地利用 GSAP 的所有工具，包括以前付费的 Club 插件。我们还将扩大标准许可证以涵盖商业用途，因此您可以完全免费地在任何地方使用 GSAP。
GSAP 团队一直努力让他们的产品尽可能地免费提供给更多人，同时保持高质量标准，使整个社区受益。这就是为什么 Webflow 很高兴能够帮助他们实现 100% 免费的目标。在 Webflow 的支持下，GSAP 团队可以继续引领产品和行业创新，同时让更多开发者有机会利用 GSAP 驱动的各种动态效果。
GSAP 和 Webflow 的新功能
除了让 GSAP 100% 免费之外，我们还很高兴为 GSAP 开发者和我们的 Webflow 共同客户发布一系列改进。以下是我们一直在合作的工作：
GSAP 的 SplitText 插件的重大升级
作为我们对 GSAP 持续投资的一部分，我们致力于改进 GSAP 最受欢迎的插件之一。SplitText 已从头开始完全重写，具有以下激动人心的改进：
- 文件大小减少 50%，从而缩短加载时间并提高性能
- 内置屏幕阅读器辅助功能
- 易于遮罩以实现高级“显示”效果
- 新的 deepSlice 功能，可智能处理溢出到多行的嵌套元素
- 新的响应式功能，可实现更清晰的重排和更流畅的动画
- 还有更多！
总共有 14 个新功能，我们很高兴看到更多社区成员利用改进的——现在是免费的——SplitText 插件。要开始使用，请参阅 GSAP 关于 SplitText 的更新文档。
在 Webflow 中更轻松地集成 GSAP 插件
所有 GSAP 插件现在都直接在 Webflow 中提供并由 Webflow 托管。
以前，在 Webflow 中使用 GSAP Club 插件通常是一个繁琐的过程。我们通过让所有 GSAP 插件直接在 Webflow 中提供并由 Webflow 托管，使其变得更容易。以下是它的工作原理：
- 转到站点设置，然后打开您要包含在站点上的 GSAP Core 库 和插件。
- 使用自定义代码创建您的动画。
就是这样！要了解如何开始使用，请查看 GSAP 的 Webflow 指南。
在发布之前在 Webflow 中预览自定义代码
现在，您可以预览应用了自定义 HTML、CSS 或 JavaScript（包括使用 GSAP 编写的动画！）的 Webflow 站点！
为了让您在部署中拥有更多的信心和控制权，我们推出了带有自定义代码的站点预览。这允许您在 Webflow 站点上发布之前预览任何自定义代码的效果——包括使用 GSAP 编写的动画。
下一步是什么
在接下来的几个月中，我们将扩展我们的原生 Webflow Interactions，包括：
- 流行的 GSAP 功能，因此您可以开始以可视化方式构建 GSAP 驱动的动画
- 能够在水平时间轴上创建和预览 Interactions，以获得更直观的运动开发体验
- 能够跨站点重用任何 Interaction，从而提高工作流程效率和设计一致性
这些更新使任何人——无论是否具有编码知识——都能够将 GSAP 驱动的运动构建到 Webflow 站点中。它还为下一代原生 Webflow Interactions 奠定了基础。这将完全在 GSAP 上进行平台改造，并与我们的网站体验平台深度集成——从设计系统到协作工作流程等等。
我们迫不及待地想看到未来的发展。GSAP 和 Webflow 共同致力于塑造 Web 动画的未来，并不断提高开发者、设计师、营销人员和代理机构可以构建的内容的上限——无论是通过可视化方式还是通过代码。
与我们保持联系：
- 在我们的公告视频中了解更多信息： 于太平洋时间 5 月 9 日上午 9 点在 YouTube 上加入我们，收听我（Webflow 首席产品官 Rachel Wolan）、Cassie Evans（GSAP 开发者教育主管）和 Keegan O’Leary（Webflow 和 GSAP 开发者）的分享，我们将分享有关这些 Webflow 和 GSAP 更新的更多信息，包括实时演示。订阅 Webflow 的 YouTube 频道 以获取通知。
- 参与我们的社区挑战： 与 Codepen 合作，我们发起了 5 月份正在进行的激动人心的 Webflow 和 GSAP 社区挑战。我们邀请所有 GSAP 开发者（无论是否为 Webflow 客户）参与。我们迫不及待地想看看您构建的内容——了解有关挑战的更多信息。
最后更新时间 April 30, 2025 Category Inside Webflow
Unlock exclusive Webflow content
Subscribe now for best practices, research reports, and more. * Business email * CountryUnited StatesAfghanistanAlbaniaAlgeriaAndorraAngolaAntigua & DepsArgentinaArmeniaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBhutanBoliviaBosnia HerzegovinaBotswanaBrazilBruneiBulgariaBurkinaBurundiCambodiaCameroonCanadaCape VerdeCentral African RepChadChileChinaColombiaComorosCongoCongo (Democratic Rep)Costa RicaCroatiaCubaCyprusCzech RepublicDenmarkDjiboutiDominicaDominican RepublicEast TimorEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEthiopiaFijiFinlandFranceGabonGambiaGeorgiaGermanyGhanaGreeceGrenadaGuatemalaGuineaGuinea-BissauGuyanaHaitiHondurasHungaryIcelandIndiaIndonesiaIranIraqIreland (Republic)IsraelItalyIvory CoastJamaicaJapanJordanKazakhstanKenyaKiribatiKorea NorthKorea SouthKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacedoniaMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMauritaniaMauritiusMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMoroccoMozambiqueMyanmar (Burma)NamibiaNauruNepalNetherlandsNew ZealandNicaraguaNigerNigeriaNorwayOmanPakistanPalauPanamaPapua New GuineaParaguayPeruPhilippinesPolandPortugalQatarRomaniaRussian FederationRwandaSt Kitts & NevisSt LuciaSaint Vincent & the GrenadinesSamoaSan MarinoSao Tome & PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth SudanSpainSri LankaSudanSurinameSwazilandSwedenSwitzerlandSyriaTaiwanTajikistanTanzaniaThailandTogoTongaTrinidad & TobagoTunisiaTurkeyTurkmenistanTuvaluUgandaUkraineUnited Arab EmiratesUnited KingdomUruguayUzbekistanVanuatuVatican CityVenezuelaVietnamYemenZambiaZimbabwe * I acknowledge that submitting this form subscribes me to marketing communications regarding Webflow’s products, services, and events. I understand I can unsubscribe at any time.I’d like to receive marketing communications regarding Webflow’s products, services, and events. I understand I can unsubscribe at any time. Subscribe
Related articles
Webflow 收购 GreenSock 业务（GSAP 背后的公司），以加强其网站体验平台的动画效果
by Linda Tong
Webflow 是首个网站体验平台 (WXP)
by Linda Tong
下一代 CMS：网站体验平台
by Brett Domeny
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features. Get started — it's free