GSAP
GSAP (Greensock Animation Platform) is a fast, reliable, and feature-rich javascript animation platform from Greensock. It's free to use on almost any project but check out their licensing for more information.
Quick Examples
Basic animation
javascript
gsap.to('.box', {x: 150, rotate: '45deg', duration: 1, ease: 'bounce'});
Timeline
javascript
let tl = gsap.timeline();
tl.to('.box-1', {x: 100, rotate: '45deg', duration: 0.5});
tl.to('.box-1', {y: 50, rotate: '90deg', duration: 0.5, ease: 'bounce'});
tl.to('.box-2', {x: 15, y:-11, scale: 1.5, duration: 1, ease: 'elastic'});
Community & Support
Greensock's forum is probably the quickest and best place to get answers, it's active and it's members have countless years experience with not only GSAP but in animation in general. The folks over in the Animation at Work Slack also have a dedicated GSAP channel and a friendly community ready to help. There is also the GSAP tag on Stack Overflow.
Tutorials
-
Tips for Writing Animation Code Efficiently
-
How to Animate on the Web With GreenSock
-
The New Features of GSAP 3
-
GreenSock Tutorials