Jump to Categories

GSAP

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.

References

Getting started with GSAP - GreenSock

Cheat sheet - GreenSock