Inkscape

Create simple, line-drawing animations for the web from selected paths.

When you look at the file that you've applied the extension to using a web browser, it will look as if someone were drawing the paths with an invisible pen.

Notes:

* Find the extension as `Extensions > Animation > Line Animator`
* **Only path objects** can be used for this.
* **No path effects** should be applied to the paths (something may happen, but
perhaps not what you expect).
* The paths must have **a visible stroke** (else you won't see anything happen).
* The object **lowest in stacking order** will be drawn **first**, then the one above it etc.
* Animation speed can be changed by using the same animation name and selecting
the same objects, then setting a different duration.
* If you are animating a path consisting of **multiple subpaths**, all of them will
start to be animated **at the same time**, but the shorter ones will finish first.
* If you want to **change the direction*

read more