GreenSock Animation Platform

GSAP is a suite of tools for scripted animation. It includes:

  • TweenLite – Fundamental animation files for GSAP
  • TweenMax – As the above but more (includes TweenLite, CSSPlugin, EasePack, TimelineLite, TimelineMax, RoundPropsPlugin, BezierPlugin, AttrPlugin, and DirectionalRotationPlugin)
  • TimelineLite – Allows to create animations in sequence
  • TimelineMax – As above but more

CDN (full library)

http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js

Another common lightweight choice is TweenLite, CSSPlugin, and EasePack

// CDN links for TweenLite, CSSPlugin, and EasePack-->
http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/CSSPlugin.min.js"
http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/easing/EasePack.min.js"
http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenLite.min.js"

Examples

See the Pen GreenSock animation by Shane Prendergast (@webknit) on CodePen.

See the Pen GreenSock ABC by Shane Prendergast (@webknit) on CodePen.

 

Refs

Getting started with GSAP – GreenSock

Cheat sheet – GreenSock

Worthy of Note

Worthy of Note is a site aimed at Web Designers & Developers. It offers a wide range of resources to help assist anyone in the web industry.

View