gkurt/tegaki

Health v2 · maintenance only

Flags: young

Adoption not part of the score

3058 stars · 116 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Tegaki is a framework-agnostic TypeScript library that turns any font into animated handwriting, rendering stroke-by-stroke drawing animations as SVG in React, Svelte, Vue, SolidJS, Astro, Web Components, or vanilla JS. It includes a CLI (npx tegaki) that generates self-drawing SVG files from any Google Font, plus an interactive studio for custom font bundles and PNG/GIF/WebM export.

Use cases

• animate text as if it were being handwritten on a webpage
• generate a self-drawing handwriting SVG for a README or slide
• animate handwriting as text streams in from an AI chat API
• create stroke-order calligraphy animations from any font
• add a signature-style text animation to a landing page
• render animated handwriting without manually authoring SVG paths

When to choose

• you want handwriting animation for arbitrary text without hand-drawing paths
• you need framework-agnostic rendering across React, Vue, Svelte, Solid, Astro, or vanilla JS
• you want a quick CLI-generated animated SVG with no installation
• you need multilingual handwriting support (Latin, Arabic, Hebrew, Japanese, Korean, Devanagari, Bengali)

When to avoid

• you need raster video output (PNG/GIF/WebM) directly from the CLI rather than the studio
• you need extremely small bundles for large CJK fonts, since some font bundles are multi-megabyte
• you need general-purpose vector or motion graphics animation rather than text handwriting effects

Facets

library · maturity active

animation ui-components cli templating web-development frontend graphics browser cli handwriting-animation svg-animation text-animation stroke-order font-rendering react svelte vue web-components calligraphy nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="gkurt/tegaki")