Motion · Free
Tegaki
Turn any font into stroke-by-stroke handwriting animation for React, Vue, and SVG.
A generator that pulls a Google Font, traces glyph skeletons, and plays them back as handwriting. Drop a component into React, Vue, Svelte, Solid, Astro, or vanilla. Works for streaming AI chat text too.
On the site
- CLI that builds stroke bundles from any Google Font
- Components for React, Vue, Svelte, Solid, Astro, and web components
- Layout, wrapping, and playback handled for you
- Stream handwriting as tokens arrive