Plugins

When you need even more advanced capabilities, plugins save the day.

SEARCH
Sort By:
Alphabetical
Popular
New

AttrPlugin

Tweens any numeric attribute of a DOM element.

AutoAlphaPlugin

autoAlpha is exactly the same as tweening an object's "alpha" except that it ensures that the object's "visible" property is true until autoAlpha reaches zero at which point it will toggle the "visible" property to false.

BevelFilterPlugin

Tweens a BevelFilter.

BezierPlugin

Animate virtually any property (or properties) along a curved Bezier path which you define as an array of points/values.

BezierPlugin

Animate virtually any property (or properties) along a Bezier (curved) path. Supports both Cubic and Quadratic Bezier curves.

BlurFilterPlugin

Tweens a BlurFilter.

CacheAsBitmapPlugin

Forces the cacheAsBitmap property of a DisplayObject to be a certain value (true or false) during the tween and then sets it back to whatever it was before the tween was rendered for the first time.

CirclePath2DPlugin

Tweens an object along a CirclePath2D motion path in any direction (clockwise, counter-clockwise, or shortest).

ColorMatrixFilterPlugin

ColorMatrixFilter tweening offers an easy way to tween a DisplayObject's saturation, hue, contrast, brightness, and colorization.

ColorPropsPlugin

Tweens any color-related property of any object.

ColorTransformPlugin

Tweens ColorTransform properties of a DisplayObject to do advanced effects like overexposing, altering the brightness or setting the percent/amount of tint.

CSSPlugin

With the help of the CSSPlugin, GSAP can animate almost any css-related property of DOM elements.

CSSRulePlugin

Allows TweenLite and TweenMax to animate the raw style sheet rules which affect all objects of a particular selector.

DirectionalRotationPlugin

Tweens any rotation-related property to another value in a particular direction.

DirectionalRotationPlugin

Tweens any rotation-related property to another value in a particular direction which can be either clockwise, counter-clockwise or in the shortest direction.

DrawSVGPlugin

DrawSVGPlugin allows you to progressively reveal (or hide) SVG strokes to make them look like they're being drawn.

DropShadowFilterPlugin

Tweens a DropShadowFilter.

DynamicPropsPlugin

Tween something to a destination value that may change at any time.

EaselPlugin

Tweens special EaselJS-related properties for things like saturation, contrast, tint, colorize, brightness, exposure, and hue.

EndArrayPlugin

Tweens numbers in an Array.

EndVectorPlugin

Tweens numbers in a Vector..

FrameBackwardPlugin

Tweens a MovieClip backward to a particular frame number, wrapping it if/when it reaches the beginning of the timeline.

FrameForwardPlugin

Tweens a MovieClip forward to a particular frame number, wrapping it if/when it reaches the end of the timeline.

FrameLabelPlugin

Tweens a MovieClip to a particular frame label.

FramePlugin

Tweens a MovieClip to a particular frame number.

GlowFilterPlugin

Tweens a GlowFilter.

HexColorsPlugin

Although hex colors are technically numbers, if you try to tween them conventionally, you'll notice that they don't tween smoothly.

jquery.gsap.js

Automatically hijacks calls to jQuery.animate() and uses TweenLite to drive the animation. Get an instant speed boost without editing any code!

LiquidPositionPlugin

If you're using LiquidStage and you'd like to tween a DisplayObject to coordinates that are relative to a particular PinPoint (like the CENTER) whose position may change at any time, LiquidPositionPlugin makes it easy by dynamically updating the destination values accordingly.

ModifiersPlugin

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).

MotionBlurPlugin

MotionBlurPlugin provides an easy way to apply a directional blur to a DisplayObject based on its velocity and angle of movement in 2D (x/y).

OnChangeRatioPlugin

This plugin allows you to define a callback method that should be called whenever the tween's "ratio" property changes which effectively means that the tweening values changed.

OnCompleteRenderPlugin

Calls a function as soon as the tween completes AND the final frame actually renders to the screen.

Physics2DPlugin

Provides simple physics functionality for tweening an Object's x and y coordinates (or "left" and "top") based on a combination of velocity, angle, gravity, acceleration, accelerationAngle, and/or friction.

Physics2DPlugin

Provides simple physics functionality for tweening an Object's x and y coordinates based on a combination of velocity, angle, gravity, acceleration, accelerationAngle, and/or friction.

PhysicsPropsPlugin

PhysicsPropsPlugin allows you to tween any numeric property of any object based on velocity and/or acceleration.

PhysicsPropsPlugin

Sometimes it's useful to tween a value at a particular velocity and/or acceleration without a specific end value in mind.

PixiPlugin

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.

Positions2DPlugin

This plugin allows you to define an array of Points at which the target should be positioned during the course of the tween (in order).

QuaternionsPlugin

Performs SLERP interpolation between 2 Quaternions.

RaphaelPlugin

Enables TweenLite and TweenMax to animate properties of Raphael JavaScript objects.

RoundPropsPlugin

Rounds the inbetween values in a tween to the nearest integer.

RoundPropsPlugin

If you'd like the inbetween values in a tween to always get rounded to the nearest integer, use the roundProps special property.

ScalePlugin

ScalePlugin combines scaleX and scaleY into one scale property.

ScrambleTextPlugin

Scrambles the text in a DOM element with randomized characters

ScrambleTextPlugin

Scrambles the text in a TextField with randomized characters (uppercase by default, but you can define lowercase or a set of custom characters), refreshing new randomized characters at regular intervals while gradually revealing your new text over the course of the tween (left to right).

ScrollRectPlugin

Tweens the scrollRect property of a DisplayObject.

ScrollToPlugin

Animates the scroll position of the window or a DOM element.

SetActualSizePlugin

Some components require resizing with setActualSize() instead of standard tweens of width/height in order to scale properly.

SetSizePlugin

Some components require resizing with setSize() instead of standard tweens of width/height in order to scale properly.

ShortRotationPlugin

To tween any rotation property of the target object in the shortest direction, use shortRotation.

SoundTransformPlugin

Tweens properties of an object's soundTransform property (like the volume, pan, leftToRight, etc.

StageQualityPlugin

Sets the stage's quality to a particular value during a tween and another value after the tween which can be useful for improving rendering performance in the Flash Player while things are animating.

TextPlugin

Tweens the text content of a DOM element, replacing it one character or word at a time.

ThrowPropsPlugin

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.

ThrowPropsPlugin

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.

TintPlugin

To change a DisplayObject's tint/color, set this to the hex value of the tint you'd like to end up at (or begin at if you're using TweenMax.from()).

TransformAroundCenterPlugin

Normally, all transformations (scale, rotation, and position) are based on the DisplayObject's registration point (most often its upper left corner), but TransformAroundCenter allows you to make the 2D transformations occur around the DisplayObject's center.

TransformAroundPointPlugin

Normally, all transformations (scale, rotation, and position) are based on the DisplayObject's registration point (most often its upper left corner), but TransformAroundPoint allows you to define ANY point around which 2D transformations will occur during the tween.

TransformMatrixPlugin

TransformMatrixPlugin allows you to tween a DisplayObject's transform.matrix values directly (a, b, c, d, tx, and ty) or use common properties like x, y, scaleX, scaleY, skewX, skewY, rotation and even shortRotation.

TweenPlugin

TweenPlugin is the base class for all TweenLite and TweenMax plugins, but generally isn't used directly.

VisiblePlugin

Toggles the visibility at the end of a tween.

VolumePlugin

Tweens the volume of an object with a soundTransform property (MovieClip/SoundChannel/NetStream, etc.).

Get GSAP

Version: 1.20.3 updated 2017-10-02

  • Download zip

  • github

Core

    Extras

      Plugins

        By using GreenSock code, you agree to the terms of use.

        Help support GreenSock by becoming a member

        Join Club GreenSock