The standard for
modern web animation

A robust JavaScript toolset that turns developers into animation superheroes. We obsess about performance, compatibility, and support so that you don't have to.

Get GSAP: More...

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js

Why GSAP Get Started View docs

What is GSAP?

GSAP is the web’s most feature-packed animation library. At its core, it’s a collection of tools to let you sync, sequence, and control animations in exactly the way that you want to control them. GSAP can animate SVG, Canvas, WebGL, DOM elements – whatever JavaScript can touch. Plus GSAP handles all sorts of complexities, from browser bugs to old browsers, so that you can focus on animating. GSAP’s permissive license lets you use it for free in most situations.

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