Walkway
lastmod 2026-11-10created 2021-05-262 edits
Walkway is a JavaScript library that animates SVG path, line, and polyline elements so they look as if the lines are being drawn. It works by calculating the stroke length of SVG elements and changing stroke-dasharray and stroke-dashoffset over time, so you can create an effect where the outline of a logo or icon is drawn in sequence by specifying only a selector, a duration, and an easing function. It is a small library with no external dependencies and also serves as a simple reference implementation of the SVG path animation technique.
An easy way to animate SVG elements.