SVGator is an online SVG animation software that doesn’t require any coding skills.

Plans starting from Annual $12/mo or Monthly $18/mo

Easy-to-Use SVG Path Animation Generator

path animation
path animation
path animation

The best thing in SVGator is that there is no steep learning curve, downloadable software or plug-ins. You can create a Path based animation online within minutes, without any coding skills.

Animate stroke paths and create self-drawing or self-erasing effects in just a few clicks

path animation
path animation

Use the Dashes and Offset inputs to create dashes on the stroke and move them along the path.

Self-drawing line

Set an offset animation between the value of the path's length and 0. Using the negative value of the length will change the line's direction.

Self-drawing & erase

Set an offset animation using the negative and the positive value of the path's length.

Animate dashes

Set diferent dasharray values using the Dashes inputs, then move them along the path using the offset.

Choose export settings for your animated SVG such as loop, repeat count, and animate on mouse over. 


SVGator exports a single animated SVG file with clean CSS code, so it’s easy to add it to your website!

What else?


path animation
path animation
path animation
path animation

User-friendly interface for CSS properties

How the path animator works

© 2019 SVGator. All Rights Reserved.

FAQ