Show HN: Tegaki – Handwriting animation for any font

Category: library

Tags: handwriting-animation, svg, fonts, typescript, react

Score: 7.8/10 (Innovation: 7, Technical: 8, Documentation: 9, Utility: 7)

Tegaki is a TypeScript library that animates any font as if it were being handwritten, by extracting stroke centerlines and widths from glyph outlines. It provides framework adapters (React, Vue, Svelte, etc.), a CLI to generate animated SVGs, and supports complex scripts like Arabic and Devanagari via HarfBuzz. The project stands out for its correct stroke order and natural rendering, making it useful for adding engaging text animations to websites and presentations.

Target audience: frontend developers, web designers, content creators

Repository: https://tegaki.ink/ · TypeScript · MIT · 3262 stars

View on Hacker News