GSAP
Editor's PickThe industry-standard JavaScript animation library — precise timelines, ScrollTrigger, SplitText, MorphSVG and more, now 100% free (including commercial use) under Webflow.
Try it now
GPT-4oWhat is GSAP?
GSAP (GreenSock Animation Platform) is the industry-standard JavaScript animation library for the web, refined over 15+ years from its Flash/ActionScript origins by Jack Doyle and team. It animates anything JavaScript can touch — CSS, transforms, SVG, canvas, React/Vue/Svelte components and plain objects — with a robust timeline model that lets you sequence, overlap, pause, scrub and control complex motion frame-precisely, while smoothing over cross-browser inconsistencies. Its plugin ecosystem covers scroll-driven scenes (ScrollTrigger), character/word/line text splitting (SplitText), SVG path morphing (MorphSVG), line drawing (DrawSVG), motion along a path (MotionPath), layout/FLIP transitions (Flip), dragging (Draggable), smooth scrolling and more. Webflow acquired GreenSock in October 2024, and with v3.13 in April 2025 made the entire toolset — including every formerly Club-GSAP-only bonus plugin — 100% free even for commercial projects; the gsap-trial package is deprecated in favor of the zero-dependency standard 'gsap' package. It is framework-agnostic and also powers the visual GSAP-based Webflow Interactions.
Pros
- The most powerful and reliable web-animation engine available.
- Frame-accurate timeline control beats CSS transitions for complex sequences.
- Every premium plugin is now free, including commercial use.
- Works with any framework and has excellent docs and examples.
- Tiny zero-dependency core, smooths over browser bugs.
Cons
- Code-first; complex timelines have a real learning curve.
- Overkill for effects achievable with a few lines of CSS.
- Advanced SVG/Flip effects need DOM and SVG understanding.
- Bundle size grows as you add many plugins.
Compare with Alternatives
| Feature | GSAP | Anime.js | PGVector | Code Genius |
|---|---|---|---|---|
| Rating | 0.0 | 4.8 | 4.1 | 4.7 |
| Pricing | Free | Free | Free | Free |
| Starting From | — | — | Free | Free |
| API | — | — | — | — |
| Free Tier | — | — | — | — |
| Mobile App | — | — | — | — |
Who is it for
Scroll storytelling
Build pinned, scrubbed, parallax landing-page narratives.
Micro-interactions
Polished buttons, menus, hover and load motion in web apps.
SVG motion
Morph shapes, draw lines and animate logos/icons.
Layout transitions
FLIP page, list and shared-element animations in React/Vue.
Ads & games
Sequenced banners, interactive demos and canvas animation.