Tegaki

Animated handwriting from any Google Font. Generate stroke data, render beautiful writing animations in React, Svelte, Vue, SolidJS, Astro, Web Components, or vanilla JS.

Get Started Try the Generator

Generate

The generator CLI downloads any Google Font, extracts glyph outlines, computes skeletons, and traces stroke paths with width and timing data.

Bundle

Stroke data is packaged into a compact bundle with glyph metrics and timing information.

Render

Drop a component into your app — React, Svelte, Vue, SolidJS, Astro, Web Components, or vanilla JS. It handles text layout, line wrapping, and smooth animation playback.

Stream

Animate handwriting as text streams in from an API — perfect for AI chat interfaces.