# gkurt/tegaki

Handwriting animation for the web. Supports any font or text.

Repository: https://github.com/gkurt/tegaki
Canonical: https://ross.abutalabs.com/products/tegaki
Homepage: http://gkurt.com/tegaki
Language: TypeScript
License: MIT
License Family: permissive
Topics: animation, calligraphy, cursive, font, handwriting, react, stroke-order, text-animation
Last push: 2026-07-29T18:04:58+00:00

## Health v2 (maintenance only)
Score: 77/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 95, release rhythm 92, longevity 11
- inputs: {"age_days": 158, "days_push": 35, "days_rel": 52, "gap_med": 0, "n_releases_24m": 26}
- flags: young
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3058, forks 116 (observed 2026-08-28T04:07:41.059085+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: animation, ui-components, cli, templating
- domain: web-development, frontend, graphics
- platform: browser, cli
- tags: handwriting-animation, svg-animation, text-animation, stroke-order, font-rendering, react, svelte, vue, web-components, calligraphy, nodejs, web-server

## Member repositories
- gkurt/tegaki (main) score 77

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:41.059085+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:28:47.953369+00:00, confidence not recorded.
  - readme: https://github.com/gkurt/tegaki (fetched 2026-08-28T04:07:41.059085+00:00, sha b912bf4c666e)
  - homepage: http://gkurt.com/tegaki (fetched 2026-08-29T09:44:07.446283+00:00, sha 1895cfd199e8)
  - site_page: http://gkurt.com/tegaki/getting-started (fetched 2026-08-29T09:44:07.455310+00:00, sha 32826242bbda)
  - registry_npm: https://registry.npmjs.org/tegaki (fetched 2026-08-29T09:44:07.457337+00:00, sha 3c0f0afcc7a5)
- Data as of 2026-08-30T08:39:29.467469+00:00.