GSAP is a suite of tools for scripted, high-performance HTML5 animations that work in all major browsers. No other library delivers such advanced sequencing, API efficiency, and tight control. Stop wrestling with cumbersome CSS animations, stuttery jQuery.animate() calls, or a system that limits your creativity. Use animation to tell a story in a rich way rather than settling for a few fades and slides.
ScrollTrigger creates jaw-dropping scroll-based animations with minimal code. Or trigger anything scroll-related, even if it has nothing to do with animation.
Allows tweens to “snap” to the closest value in a given array or increment.
MotionPathHelper makes editing paths in the browser an ease.
Animate anything (SVG, DOM, canvas, generic objects, whatever) along a motion path in **any browser** and use the magical "align" feature to line things up perfectly.
InertiaPlugin allows you to smoothly glide any property to a stop, honoring an initial velocity as well as applying optional restrictions on the end value.
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.
CustomBounce allows you to create amazing bounce animations with squash and stretch.
CustomWiggle generates intricate wiggle easing curves through setting a few simple parameters.
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.
ModifiersPlugin intercepts values that GSAP would normally apply on each update ("tick"), passes them to your function which can run custom logic and return a new value (great for snapping, clamping, wrapping, or other dynamic effects).
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!
DrawSVGPlugin allows you to progressively reveal (or hide) SVG strokes to make them look like they're being drawn.
Automatically hijacks calls to jQuery.animate() and uses TweenLite to drive the animation. Get an instant speed boost without editing any code!
Make virtually any DOM element draggable, spinnable, tossable, and even flick-scrollable across devices (mouse and touch), complete with momentum-based physics, snapping, and more.
Tweens the text content of a DOM element, replacing it one character or word at a time.
Animates the scroll position of the window or a DOM element.