ink_line_animator

Inkscape extension for animating paths, so it looks as if they were being drawn by hand, using CSS3 animations.

Stale Pure Nim score 24/100 · last commit 2025-01-24 · 5 stars · tests present · no docs generated

Summary

Latest Version Unknown
License Unknown
CI Status Failing
Stars 5
Forks 0
Open Issues 0
Last Commit 2025-01-24
Downloads 0
Last Indexed 2026-09-06 06:05

Installation

nimble install ink_line_animator
choosenim install ink_line_animator
git clone https://gitlab.com/Moini/ink_line_animator

OS Compatibility

Platform Linux macOS Windows FreeBSD OpenBSD NetBSD Android iOS WASM Embedded
ink_line_animator - - - - - - -

README

Inkscape Line Animator

This Inkscape extension creates simple, line-drawing animations from the selected paths. When you look at the file using a web browser, it will look as if someone were drawing the paths with an invisible pen.

Screenshot of extension dialog

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 in which a path is drawn, change the path direction in Inkscape (Path > Reverse).

Examples

Example Animation

Timing functions

Installation

Drop the files line-animator.py and line-animator.inx into your user extensions directory. Learn where to find the directory in Inkscape: Edit > Preferences > System > User extensions.

License

This software is licensed under the GPL v2.0 or higher.

Note

  • Due to a bug in Inkscape (https://gitlab.com/inkscape/inbox/-/issues/9327), Inkscape 1.3 instantly crashes when you open the Selectors and CSS dialog. So don't do that!
  • Inkscape 1.4 does not crash, but try to avoid editing the animated paths with the Selectors and CSS dialog - this may in some cases disable the animation.