Solve tricky morphs by tapping into special features of MorphSVGPlugin from GSAP (video)
Learn to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites. In this course, you'll learn to create immersive graphics and make them alive with animations!
Make multiple SVG elements draggable, implement hit-testing, and animate them in a few lines of code!
GSAP 1.18.0 is packed with exciting features to help you unleash your creativity. Learn about the new "cycle" property for staggered animations, relative HSL color tweening and more.
A list of common SVG animation challenges along with GSAP solutions. This page is intended to be a go-to resource for anyone animating SVG with GSAP.
A great tutorial from Chris Gannon about using DrawSVGPlugin for simple, yet compelling effects.
The GSAP 1.16.x update delivers some nifty new features like svgOrigin as well as a better-than-ever Draggable that has autoScroll capabilities, a new method for determining the drag direction, and more.
Animating the rotation, scale, skew, and position of SVG elements via CSS has been completely impractical due to major browser inconsistencies...until now. GreenSock's CSSPlugin handles major bugs and inconsistencies across a wide range of modern browsers, making it easy for you to animate SVG elements exactly like regular DOM elements... even in IE.