GSAP Scrolltrigger

CodePen – Reveal animations based on scroll direction – ScrollTrigger

Scroll down and up to see different reveal animations

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 is used on over 8,500,000 sites and over 1,000 sites featured on Awwwards. For some of our favorites, check out our showcase.