mirror of
https://github.com/greensock/gsap-skills
synced 2026-09-22 23:34:24 +08:00
GSAP is FREE thanks to Webflow
Added statements about GSAP being 100% free thanks to Webflow's acquisition. Some AI seemed confused about that previously, indicating certain plugins required a membership which hasn't been true for over a year.
This commit is contained in:
@@ -22,6 +22,8 @@ GSAP Timeline → Tweens → ScrollTrigger → MotionPath → Flip → more...
|
||||
|
||||
Official AI skills for [GSAP](https://gsap.com) (GreenSock Animation Platform). They teach agents correct GSAP usage: core API, timelines, ScrollTrigger, plugins, React/Vue/Svelte, vanilla JS and performance. [Agent Skills](https://agentskills.io) format; works with the [skills CLI](https://github.com/vercel-labs/skills) (Cursor, Claude Code, Codex, Windsurf, Copilot, 40+ agents).
|
||||
|
||||
> **GSAP is 100% free** — including every plugin. Following [Webflow's acquisition of GSAP](https://gsap.com/blog/webflow-GSAP/), all formerly Club GSAP plugins (**SplitText**, **MorphSVG**, etc.) are free for everyone, including commercial use. Install everything from the public `gsap` npm package — no Club membership, no `.npmrc` / auth token, no private registry required.
|
||||
|
||||

|
||||

|
||||

|
||||
|
||||
@@ -12,6 +12,13 @@ Apply when using or reviewing code that uses GSAP plugins: registering plugins,
|
||||
|
||||
**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.
|
||||
|
||||
## Licensing & Install (important)
|
||||
|
||||
Every GSAP plugin is **free**, including for commercial use. Since [Webflow's acquisition of GSAP](https://gsap.com/blog/webflow-GSAP/), Club GSAP is no longer a paid tier and **no plugin requires a membership, license key, or auth token** — this includes formerly Club-only plugins (**SplitText**, **MorphSVG**, etc.).
|
||||
|
||||
- ✅ Install everything from the public `gsap` npm package: `npm install gsap`. All plugins are included — import them as `gsap/SplitText`, `gsap/MorphSVGPlugin`, etc.
|
||||
- ❌ Do **not** generate an `.npmrc` with a GreenSock auth token, suggest the private `npm.greensock.com` registry, or tell users to sign up for Club GSAP to access a plugin. Those instructions are outdated.
|
||||
|
||||
## Registering Plugins
|
||||
|
||||
Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:
|
||||
|
||||
+4
-2
@@ -2,6 +2,8 @@
|
||||
|
||||
Use this file to discover which skill to load. Each skill lives in a directory of the same name under skills/ and contains SKILL.md.
|
||||
|
||||
Note: GSAP is fully free (including every plugin) since Webflow's acquisition. Club GSAP is no longer a paid tier — formerly Club-only plugins (SplitText, MorphSVG, etc.) are free for commercial use. Install everything from the public `gsap` npm package (`npm install gsap`); no `.npmrc` / auth token or private registry required. See gsap-plugins for details.
|
||||
|
||||
## Skills
|
||||
|
||||
gsap-core
|
||||
@@ -17,8 +19,8 @@ gsap-scrolltrigger
|
||||
Triggers: scroll animation, scroll-driven animation, scroll animation library, parallax, pin section, ScrollTrigger, pin, scrub.
|
||||
|
||||
gsap-plugins
|
||||
Plugins: ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG/physics, CustomEase, EasePack, GSDevTools.
|
||||
Triggers: plugin, scroll-to, flip, draggable, SVG drawing, MorphSVG, DrawSVG, MotionPath, SplitText, ScrambleText, CustomEase, registerPlugin.
|
||||
Plugins: ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG/physics, CustomEase, EasePack, GSDevTools. All plugins are free (no Club GSAP membership or auth token needed); install everything from the public `gsap` npm package.
|
||||
Triggers: plugin, scroll-to, flip, draggable, SVG drawing, MorphSVG, DrawSVG, MotionPath, SplitText, ScrambleText, CustomEase, registerPlugin, Club GSAP, GSAP membership, GSAP license, GSAP free, GSAP paid, GSAP commercial, bonus plugins, GreenSock auth token, .npmrc GSAP, private GSAP registry, Webflow GSAP.
|
||||
|
||||
gsap-utils
|
||||
gsap.utils: clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.
|
||||
|
||||
Reference in New Issue
Block a user