Animated SVG handwriting for the web
Give your interface a human hand.
A tiny, dependency-free package that draws real glyph paths, not a font file.
Animated SVG glyphs
Every render varies just enough.
One package. Use your package manager.
Live package test
Try it in your own words.
This playground imports the version published to npm. Change the ink, turn animation on or off, then redraw.
Your preview
A real glyph library
Letters with a little life in them.
Variable strokes
Same word. A different hand.
Each render varies glyph choice, scale, rotation, and baseline.
Small by design
Write once. Let the strokes do the work.
- Render. Each character becomes an accessible SVG path.
- Vary. Glyph variants, rotation, scale, and baseline drift keep it from feeling stamped.
- Reveal. Use an observer or trigger the drawing yourself.
Ready when you are