Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

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.7.0/gsap.min.js
Learn about GSAP Get GSAP Now View docs

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

Last year over 300 FWA winning websites were powered by GreenSock. For some of our favorites, check out our showcase.

View showcase

Featured GSAP 3 demos

View all featured GSAP 3 demos
MotionPathPlugin
MotionPathPlugin allows you to easily move any SVG or DOM elements along a path created using SVG or manual points. It also allows you to create complex tweens with various easing using a single tween.
morphSVG plugin
Morph any SVG shape into any other shape smoothly regardless of the number of points in each. One of our most popular plugins that creates fun, unique effects!
Custom Ease
CustomEase frees you from the limitations of canned easing options; create literally any easing curve imaginable by simply drawing it in the Ease Visualizer or by copying/pasting an SVG path. Zero limitations. Use as many control points as you want.
View all products

Blog

GSAP 3.7 Released

GSAP 3.7 Released

Percentage-based positioning, easily scoped animations, FLIP for SVG elements and much more. 🥳

immediateRender demystified

immediateRender demystified

The immediateRender property of from() tweens is one of those things you only find out about when it gives you unexpected results. Learn what this property does and why it is so important.

Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling

Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling

A great deep dive into scrollTrigger, and how to animate time itself by scrubbing an animation playhead.

View all blog posts

Deadlines are looming.

You need to impress the client with eye-catching animations that perform well on every device, or maybe you're building a sophisticated UI that calls for buttery-smooth draggable elements that flick and glide naturally to precise locations you define. You're not looking for a simplistic jQuery plugin that was slapped together in someone's free time - you need professional-grade, reliable tools. You've come to the right place. We've spent crazy amounts of time obsessing about code so you don't have to.

For an all access pass to premium content:

Join Club GreenSock
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
Ă—
Login Create Account