MorphSVGPlugin: Advanced control over SVG shape tweens and morphs

See how MorphSVGPlugin gives unprecedented control over SVG morph animations. Our advanced algorithm allows you to morph between SVG paths of varying points with the smoothest results. Learn how to use the shapeIndex property to manually select how points align. greensock.com/m...
We are happy to help with any GSAP questions or problems at: greensock.com/f...
Would you like to have a GreenSock expert spend a day or two with your team? Our Enterprising Training is guaranteed to take your team to new heights with HTML5 animation. www.greensock.c...
Be sure to read our Getting Started article at: greensock.com/g...

[@douglasbarnes4035]

Special thanks to the cricket in the background.

[@ahaddastbelaraki9539]

This is awesome man, as a GSAP fan, I'm really looking forward to see an advanced GSAP course on websites like codecademy... keep up the great work :)

[@ahaddastbelaraki9539]

Oh and since SMIL animation is not widely supported, it would be nice to see a GSAP alternative for SVG animations

[@GreenSockLearning]

+Iman Dastbelaraki Yup, SMIL is being deprecated. Have you seen all GSAP can do with animating SVG? greensock.com/svg-tips If you have particular feature requests please post in our forums. Thanks for your support!

[@somascope1834]

As usual, great stuff from the team, guys! "Fork the morph". I wish I had more spare time to play and experiment, these features make me really excited.

[@edinchez]

Holy fuck how do you guys keep doing it? This is absolutely amazing!

[@durbster]

Amazing. 2016 will be the year of the SVG.

[@DJGoodgey]

Holy mother of God, this is absurdly brilliant!

[@rehyanassasin]

Awesome..
im gonna rock haha
Thanks alot :)

[@gsahatqija1]

Amazing, can't believe what i just saw

[@alibaghban2934]

One word, fantabulous!

[@harshalpanchal4416]

Does it Will SUpport all Browser including old versions?

[@GreenSockLearning]

Yes, it will work in any browser that supports SVG. IE9 and later, and pretty much every other modern browser.

[@AGameEveryDay]

Great plugin and tutorial!

[@FunkyToe369]

Is the FindShapeIndex plugin required for using the different index or is it just a developer utility to find/test them?

[@GreenSockLearning]

+Evan Fleet The fineShapeIndex() tool is just a developer utility. It's solely for helping to find an intuitive number to plug in for the shapeIndex (if the default one isn't what you want). You don't need it at all - it's only for convenience. Good question.

[@FunkyToe369]

+GreenSockLearning thanks for the insanely quick response!

[@studiocity10]

Mind equal blown..

[@sj82516]

really awesome

[@JurasekPavel]

Really nice!

[@ikesau]

Incredible.

[@shinobi-san7198]

Holy cool :o