SVG Artista

Super handy SVG drawing animation tool

10 followers

Visit website

Graphic design tools•Design resources

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

Blog

•

Newsletter

•

Questions

•

Forums

•

Product Categories

•

Apps

•

About

•

Terms

•

Privacy and Cookies

•

X.com

•

Facebook

•

Instagram

•

YouTube

•

Advertise

Launch tags:

Productivity•Developer Tools

Launch Team

Aaron O'Leary

Product Hunt

Love tools like this. Constantly seeing cool animations on websites and wondering how to replicate them. Definitely giving this one a try

Report

6yr ago

Sergej Skrjanec

SVG Artista

Maker

Thanks @aaronoleary! Hope it helps you create cool looking SVG animations ✌️

Report

6yr ago

Neil VanLandingham

This is awesome!! Great job! Would be cool if you added animation-iteration-count for looping the css animation

Report

6yr ago

Ana Travas

SVG Artista

Maker

@neil_vanlandingham Thanks so much Neil and thanks for the suggestion. We'll consider adding this feature in one of the future updates :)

Report

6yr ago

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.

Report

6yr ago

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

Report

6yr ago

Ana Travas

SVG Artista

Maker

@neil_vanlandingham @gustavo_xuxa Thanks for the kind words Gustavo! We will definitely try to add the looping feature in the next update.

Report

6yr ago

Ana Travas

SVG Artista

Maker

@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 :)

Report

6yr ago

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.

Report

6yr ago

Sergej Skrjanec

SVG Artista

Maker

@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.

Report

6yr ago

SVG Artista

Super handy SVG drawing animation tool

Do you use SVG Artista?

Review SVG Artista?