Jump to content

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...

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

Quick start

You can use GSAP along with any of your favorite front-end tools. Click a logo to get started with GSAP using that tool:

Vanilla (no framework) React Vue Angular CodePen Three.js PixiJS ScrollTrigger

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

A lightbulb

Learning Center

Get up to speed fast in our learning center that's stocked with videos and helpful articles.

Get Started
Chat bubbles

Help & Support

Detailed docs, helpful videos and tutorials, and community forums are all at your finger tips.

Get Started