Skip to content
SVG flipbook animation with layers
Clojure CSS Makefile HTML C JavaScript Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
app-src Fix issue with illustrator hidden layers. Nov 17, 2019
launcher-src Chrome appicon. Nov 11, 2018
test-svgs add svg with mixed layer visibility Nov 5, 2019
Makefile Updated links. Sep 11, 2019

Tool to do flipbook-style SVG animation with layers.

Try it out online

SVG Animation Assistant interface showing Inkscape and a walk cycle animation

This tool will cycle through the layers of your SVG allowing you to do basic flip-book style animation. Each layer in your SVG is one frame of the animation.

The animation live-reloads in the assistant window whenever you hit save in Inkscape.

SVG Animation Assistant interface showing live reloading

Customise the frame time and behaviour by editing the layer name:

Inkscape layers UI with customisation

  • Set the number of milliseconds to pause on each frame by entering a number in brackets in the layer name like (100) for a pause of 1/10th of a second.
  • Add static background frames by putting (static) in the layer name.
You can’t perform that action at this time.