GreenSock Animation Platform (GSAP) ist ein Framework für performante Animationen mit JavaScript und HTML5. Bekannt wurde dieses Framework (damals TweenLite, TweenMax) durch Flash, wo man schon vorher mittels ActionScript 2 und 3 komplexe, flüssige Animationen erstellen konnte.

Mit diesem Framework hat man die Möglichkeit leicht tweenbasierte und ressourcenschonende Animationen mit HTML5 zu erstellen.

GSAP ist kostenfrei, sofern es sich nicht um eine nicht frei zugängliche, kommerzielle Webseite, Spiel oder sonstige geldbringende Anwendungen handelt, denn dann ist eine Lizenz notwendig. Es gibt aber noch die Möglichkeit sich dem GreenSock Club mit einem gewissen Obolus pro Jahr anzuschließen, um entweder die Kommerzielle Lizenz zu erwerben und/oder um die nützlichen Bonus-Plugins für verschiedene Zusatzeffekte zu benutzen.

Ein großer Vorteil von GSAP ist, dass viele Adserver die Größe der GSAP-Bibliothek nicht in deren Kilobyte-Kalkulation mit einberechnen.
Link: Banner ads: the kilobyte conundrum

Wie in Flash gibt es auch hier die Animationen entweder als Sequenz oder durch eine oder mehrere Timelines zu erstellen. Dabei gibt man jeweils das Objekt, Animation, Animationsbeschleunigung (Feintuning per Easing-Funktion), Animationsdauer, Verzögerung u.a. an.

Die Einbindung von TweenLite oder TweenMax geschieht wie bei JavaScript-Bibliotheken:

<!--CDN link for the latest TweenMax-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

API: http://greensock.com/docs/#/HTML5/GSAP/
Quick Guide: https://greensock.com/get-started/​​​​​​​
Speedtest: http://www.greensock.com/js/speed.html