Power up GSAP with Plugins
Add more features and functionality to designs
Allows you to animate almost any CSS property including 2D and 3D transforms and colours. This plugin automatically checks to see if the object you are animating is a DOM element, then the engine creates that CSS object for you!
The Textplugin animates the text of any DOM element. It replaces it one character or one word at a time. So when the tween is finished, the DOM element’s text has been completely replaced. You can create incredible text effects with this plugin!
greensock.com/physics2dplugin Provides basic physics functionality for animating an object position, based on velocity, angle, gravity, acceleration, ‘accelerationangle’, and/or friction. It is incredibly simple to use to create simple physics simulations without the overhead of a full physics engine.
This plugin allows you to animate virtually any property along a curved Bezier path. You can define the path as an array of points/values that can be interpreted multiple ways, giving loads of flexibility and dynamics to your motion or animation paths.
Allows you to control tweens that morph SVG paths. This allows you to morph one shape to another. This can be used to make unique and engaging transitions from one object to another, morph buttons or SVG text. The possibilities are endless.
This handy plugin allows you to reveal or hide SVG strokes progressively, to create a ‘drawing’ animation of SVG paths. You can see a great example of this in action in the image above in Shane Mielke’s NFL logo animations.
The Morphsvg and DRAWSVG plugins allow you to create incredible SVG animations, as seen here in these NFL logos by Shane Mielke