Get started using GSAP in React to build fast, powerful animations
GSAP 2.0 gets ES modules, extra features for several plugins, bug fixes, an NPM guide in the docs, and more!
Make multiple SVG elements draggable, implement hit-testing, and animate them in a few lines of code!
Responsive animation just got easier with GSAP 1.13.1 and support for percent-based translations. Plus enhanced support for RequireJS, AMD, Browserify and one less reason to use jQuery.
We're excited to announce several new features in the GreenSock Animation Platform (GSAP) 1.12.0 that will increase not only "real" performance, but "perceived" performance as well. The innovative
lagSmoothing() feature allows GSAP to automatically heal from CPU spikes that cause lag, all while maintaining perfect synchronization between all animations. And the new "lazy" rendering helps avoid layout thrashing when many animations start simultaneously.
I'm going to take a deeper look into CSS Animations and how they fit (or don't fit) into a modern animator's workflow. You'll see exactly where some of the pain points are for a typical project and how they can bring your workflow to a grinding halt.
This video walks you through some common problems that professional animators face every day and shows you how GSAP’s TimelineLite tackles these challenges with ease.
GSAP's CSSPlugin is now super-charged to handle some slick new CSS3 properties like 3D transforms, boxShadow, textShadow, borderRadius and clip. Plus you don't need to worry about a litany of vendor prefixes. GSAP makes it easy to create next-generation effects today.