The standard for
modern web animation
What is GSAP?
Create amazing SVG animations
DrawSVGPlugin allows you to progressively reveal (or hide) SVG strokes to make them look like they're being drawn. MorphSVGPlugin to Morph any SVG shape into any other shape smoothly regardless of the number of points in each. MotionPathPlugin allows you to easily move any object along a path.
Supercharge immersive WebGL experiences
GreenSock is used in some of the most popular Three.js powered WebGL projects. Animate any object in a scene. PixiPlugin makes animating Pixi.js objects with GSAP a breeze. Animate position, scale, color effects and more with all the power and control of GSAP and the rendering speed of Pixi.js.
Control performant Canvas animations
GSAP makes animating with Canvas even easier by providing an easier way to look and sequence animations. GSAP works great with Adobe Animate and EaseJS through GSAP's EaselJSPlugin.
Award winning websites
GSAP powers animations on over 10,000,000 websites including most award winning websites. For some of our favorites, check out our showcase or this showreel.View showcase
Featured GSAP demosView recently loved GSAP pens
You can use GSAP along with any of your favorite front-end tools. Click a logo to get started with GSAP using that tool:
Level up your animations with Club GreenSock
Club GreenSock gives you even more powers. Create morphing, drawing, split text, and physics-based animations as well as seamless state transitions with ease!Learn more
Quick Tip: Removing a Flash of Unstyled Content (FOUC)
GSAP 3 Is Available Now!
GSAP 3 is the biggest GreenSock release to date. Check out all of the new features, API, and more!
Get up to speed fast in our learning center that's stocked with videos and helpful articles.Get Started
Help & Support
Detailed docs, helpful videos and tutorials, and community forums are all at your finger tips.Get Started