SVG Artista

Super handy SVG drawing animation tool

11 followers

SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain CSS code.
SVG Artista gallery image
SVG Artista gallery image
SVG Artista gallery image
Launch Team

What do you think? …

Aaron O'Leary
Love tools like this. Constantly seeing cool animations on websites and wondering how to replicate them. Definitely giving this one a try
Sergej Skrjanec
Thanks @aaronoleary! Hope it helps you create cool looking SVG animations ✌️
Neil VanLandingham
This is awesome!! Great job! Would be cool if you added animation-iteration-count for looping the css animation
Ana Travas
@neil_vanlandingham Thanks so much Neil and thanks for the suggestion. We'll consider adding this feature in one of the future updates :)
Gustavo Silva
@neil_vanlandingham @ana108 This tool is just amazing and it saves a lot of time. Thanks and congratulations on making a such incredible tool. But for it to be 100% perfect (for my usage), I think it only lacks on the looping thing. If you guys could add this feature it would help me, and other people, a lot.
Gustavo Silva
and for those who wants to make a loop out of this, just change "both" at the css class for "infinite alternate" and it will make a back and forth loop
Ana Travas
@neil_vanlandingham @gustavo_xuxa Thanks for the kind words Gustavo! We will definitely try to add the looping feature in the next update.
Ana Travas
@gustavo_xuxa Great tip, just want to add that instead of replacing the 'both' value, adding the 'infinite alternate' before the 'both' should work fine :)
Xavier Castaneda
Very cool and simple tool. Because of its limitations (stroke and fill animation), I see this as a way to just add a little pizazz to static graphics on a site or as a basic intro type animation. If you were to add other animations, like bounce in, slide in, etc, maybe you can monetize then. Good stuff.
Sergej Skrjanec
@xcast3d Thanks, you're right - we really wanted to keep this one simple and to the point :) Appreciate the suggestion though, if there is enough interest we might head that way. You may also want to have a look at our other product, animista.net too. It is a CSS playground/library and I suppose it could be possible to combine it with SVG Artista to achieve some of the effects.