Skip to content
IndexDesign corpus
Motion & InteractionAnimation LibraryToolSource availableFreeVanilla JS

GSAP

JavaScript animation engine with 19 plugins, now free for commercial use

Aboutgsap.com

GSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript animation engine built around tweens and timelines that can animate any numeric property, CSS value, SVG attribute, or canvas/WebGL object. Webflow acquired GreenSock in 2024 and made the entire toolkit free in April 2025, so the formerly paid Club plugins — SplitText, MorphSVG, DrawSVG, ScrollSmoother, Inertia, GSDevTools — now ship inside the single `gsap` npm package. It is aimed at developers building scroll-driven marketing sites, complex sequenced motion, and physics-flavoured interactions that CSS transitions and simple spring libraries cannot express.

Install
npm install gsap
For an agent

Reach for GSAP when the brief needs a sequenced timeline, scroll-position-driven scrubbing (ScrollTrigger), or SVG path morphing — Framer Motion and CSS transitions cover component enter/exit far more cleanly and should stay the default for React UI state. In React always install `@gsap/react` and wrap animations in `useGSAP()`; a bare `useEffect` leaks tweens across Strict Mode double-renders and hot reloads. Every plugin needs an explicit `gsap.registerPlugin(...)` call and tree-shakes out silently if you forget, and note the licence is source-available proprietary, not MIT — fine to ship, not fine to vendor into an animation-editor product.

Why it is here. GSAP is the twenty-year reference implementation of web animation, and Webflow making the paid plugin set free removed the one reason teams reached for weaker alternatives. Its docs are published as `.md` alongside a full llms.txt index, which makes it one of the few motion libraries an agent can actually read end to end.

Install command, framework, licence and component list.
Components it ships12
Helps you build4
Notable for
  • 19 plugins in one free npm package
  • ScrollTrigger for scroll-driven scrubbing
  • SplitText and MorphSVG now free
  • llms.txt plus .md docs for every page
  • gsap.matchMedia() for prefers-reduced-motion
Provenance

Verified 2026-08-16. HTTP 200. https://gsap.com, https://gsap.com/docs/v3/, https://gsap.com/docs/v3/Installation, https://gsap.com/community/standard-license/, https://gsap.com/llms.txt, https://registry.npmjs.org/gsap, https://registry.npmjs.org/@gsap/react, gh api repos/greensock/GSAP

Related resourcesMotion & Interaction