HTML5 Animation with GreenSock
Download Demo Files
Navigate: Right/Left Arrows (or Swipe on Slide’s Content)
Zoom Out: Press Esc (or Pinch)
If keystrokes don’t work, click here & try again.
- Overview of GreenSock
- Example Web Animations
- Things To Know about Ad Banners (with Examples)
- Live Coding Demo
- Cool Plugins
- Wrap Up
What is GreenSock?
It enables you to create ultra high-performance,
professional-grade HTML5 animation for the modern web.
Things to Know about GSAP
- It’s been around since 2006.
- Used on over 3 million websites & used by top brands:
- Majority of award-winning sites use GSAP (view report).
- Universally accepted on every major ad network.
Tools of GSAP
- GSAP is modular. Load only what you need to keep the file size small.
TweenLite & TimelineLite offer basic functionality.
TweenMax & TimelineMax offer more functionality.
You can add Plugins (CSS, SplitText, DrawSVG, MorphSVG) and Eases (Elastic, Bounce, Rough, etc.).
Let’s Code Some GSAP!
Add functionality beyond GSAP’s core features.
GSAP “just works” everywhere.
Excels at complex, story-telling animations.
Solves real-world problems (workflow, prefixing, SVG).
No dependencies. (It can work with libraries such as jQuery, but does not rely on them.)
Documentation and Support
Funded (not a side project or hobby)
HTML5 Animation with GreenSock (GSAP)