HTML5 / JS

Flash

TweenMax

TweenMax extends TweenLite, adding many useful (but non-essential) features like repeat(), repeatDelay(), yoyo(), updateTo(), and more. TweenMax was built for convenience, providing a single JavaScript file that contains everything you will commonly need for animating DOM elements:

TweenLite

TweenMax

TimelineLite

TimelineMax

CSSPlugin

AttrPlugin

RoundPropsPlugin

DirectionalRotationPlugin

BezierPlugin

EasePack

All that for less than ~33kb (gzipped). Load one file (TweenMax.min.js) and you're good to go!

Since TweenMax extends TweenLite, it can do ANYTHING TweenLite can do plus more. You can mix and match TweenLite and TweenMax in your project as you please, but if file size is a concern it is best to stick with TweenLite unless you need a particular TweenMax-only feature.

Like TweenLite, a TweenMax instance handles tweening one or more properties of any object (or array of objects) over time.

TweenMax's unique special properties

TweenMax's syntax is identical to TweenLite's. Notice how the TweenMax tween below uses the special properties: repeat, repeatDelay, yoyo and the onRepeat event callback.

Staggered animations

TweenMax makes it easy to create staggered animations on multiple objects. The animations can overlap, run in direct sequence or have gaps between their start times. TweenMax's three stagger methods: staggerTo(), staggerFrom() and staggerFromTo() are literal one-line wonders.

It's clear Sébastien Lempens Design puts an amazing amount of thought into every animation. As you explore the site by scrolling and interacting with various menus and items, each interaction is rewarded by a tasteful, visual treat.

According to the site's creators, "FUTURESTATES is transporting you to an unprecedented narrative experience — an immersive and interactive storyworld of interconnected stories." In my own words, "There's definitely some things here that you don't see every day".

“ If every library were as robust and reliable as GreenSock’s, the world would be a much better place for software engineers and their clients. I can't think of a better designed or better performing tool, and as a bonus, it's fun as heck to play with. ”

Thomas Summerall

“ I am more and more amazed every day, and very glad that I decided to get a business license. ”

LilaQ

“ Performance has been of paramount importance for GreenSock, so there is always peace of mind for us, developers. ”

Tahir Ahmed

“ Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used. ”