Plugins

Plugins Summary Text
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).
MorphSVGPlugin provides advanced control over tweens that morph SVG paths.
DrawSVGPlugin
allows you to progressively reveal (or hide) the stroke of an SVG <path>
, <line>
, <polyline>
, <polygon>
, <rect>
, or <ellipse>
and you can even animate outward from the center of the stroke (or any position/segment). It does this by controlling the stroke-dashoffset
and stroke-dasharray
CSS properties.
Animates the scroll position of the window or DOM element.
Scrambles the text in a DOM element with randomized characters, refreshing new randomized characters at regular intervals while gradually revealing your new text over the course of the tween. Great for decryption effects.
Rounds the tweened values to the nearest integer.
Apply physics properties to your animations.
Tweens any rotation-related property to another value in a particular direction.
ThrowPropsPlugin allows you to smoothly glide any property to a stop, honoring an initial velocity as well as applying optional restrictions on the end value.
CSSPlugin enables animation of a DOM element's CSS properties like "top", "left", "backgroundColor", as well as 2D and 3D transforms and many others.
Allows you to animate any color-related property of any object (for DOM element properties, these capabilities are already built into CSSPlugin, so you only need ColorPropsPlugin if you're animating color properties of non-DOM elements, like canvas library objects or custom objects/properties).
Animate virtually any property (or properties) along a curved Bezier path which you define as an array of points/values.
Tweens any numeric attribute of a DOM element, like cx
in <circle>