Generate SVG animations

Original SVG

  • SVG example


Animated SVG image will appear here
This is the resulting animation (SVG)
This is the resulting animation (CANVAS)


This web page allows you to turn a SVG image into an animation, if you:

  1. Use Inkscape to create the original SVG file
  2. Have 1 layer per animation frame
  3. Name them Frame1, Frame2… up to Frame9
  4. Use only path elements
  5. Give the exact same inkscape:label to the path across layers

Something went wrong?

SVG animator by Xenos - © Reinom 2019