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.
The Flip Plugin seamlessly animates between states dynamically with minimal code. If you can set up the initial and final state, the Flip plugin can animate between them.
Allows tweens to “snap” to the closest value in a given array or increment.
MotionPathHelper makes editing paths in the browser an ease.
MotionPathPlugin makes it easy to animate any element along a path.
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.
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.
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.
Scrambles the text in a DOM element with randomized characters