GreenSock Animation Platform version 3 now available, has 50+ new features

Written 6 months ago by IanDorfman

GreenSock Animation Platform (GSAP) is celebrating its 11th year of availability with version 3.0.

The Javascript-based animation platform is celebrating its third major version release this month, and along with it comes several quality of life improvements and overhauls. The blog post announcing Small GSAP iconGSAP 3's public availability lists the following as highlights of the new release:

Roughly half the file size of the old TweenMax but with more features.
New plugin for animating things along motion paths (you can even edit the motion path in-browser)
Simplified API (no more TweenLite, TweenMax, TimelineLite, and TimelineMax - they're consolidated into a simple "gsap" object, but maintain backward compatibility with the vast majority of legacy code)
Timeline defaults that get inherited by child animations
15 brand-new utility methods like interpolate(), random(), snap(), mapRange(), etc.
Keyframes
Effects extensibility
Animate to/from a width or height of "auto"
Built in modern ES6 modules format (but the development team provides files that work all the way back to IE9)

As an animation toolset, however, the best way to see what new features GSAP 3 contains is with demonstrations. The development team provided a CodePen collection of demos showcasing the new features and improvements that have come to GSAP with version 3's release.

Alongside the release of GSAP 3, GreenSock has also published an updated getting started page for anyone interested in using GSAP to create JavaScript-based animations. The software's full source code is available via GitHub as well.

Further coverage:
GreenSock blog post
GreenSock highlight video