Repolode
Enviar
gkurt

gkurt/tegaki

Transforma qualquer fonte em escrita à mão animada, desenhada traço por traço, para React, Vue, Svelte, Solid, Astro e vanilla JS.

Ver no GitHubSite
Estrelas
3,244
Forks
123
Issues abertas
0
Último commit
há 9 dias

O que é?

Tegaki é uma biblioteca de animação de escrita à mão que transforma qualquer fonte em texto que se desenha traço por traço. Não é preciso criar os caminhos manualmente nem instalar dependências nativas: basta escolher uma fonte e renderizar o texto com um componente.

O pacote principal oferece wrappers para React, Svelte, Vue, SolidJS e Astro, além de um mecanismo em JavaScript puro e suporte a Web Components. Várias fontes de escrita à mão já vêm incluídas, com suporte a alfabetos latino, árabe, hebraico, devanágari, bengali, japonês, coreano e chinês simplificado. Também é possível converter outras fontes usando o estúdio online.

Uma ferramenta de linha de comando gera SVGs animados em loop, de execução única ou estáticos a partir de uma string de texto, sem precisar instalar nada. A composição do texto usa harfbuzz compilado para WASM, que dá suporte a ligaturas, à conexão de letras em árabe e a textos da direita para a esquerda.

Recursos principais

  • 01Anima qualquer fonte traço por traço, com ritmo natural.
  • 02Oferece wrappers para React, Svelte, Vue, SolidJS, Astro e Web Components.
  • 03Inclui fontes de escrita à mão para os alfabetos latino, árabe, hebraico, devanágari, japonês, coreano e chinês.
  • 04A ferramenta de linha de comando gera arquivos SVG que se desenham sozinhos via npx.
  • 05Lida com ligaturas, conexão de letras em árabe e textos da direita para a esquerda usando harfbuzz.

Casos de uso

  • Adicionar títulos animados com escrita à mão a uma página de marketing ou landing page.
  • Gerar logos ou banners em SVG animado para um README ou uma apresentação.
  • Criar animações de texto manuscrito em vídeos feitos com Remotion.

Início rápido

  1. 1

    Instale o pacote

    npm install tegaki
  2. 2

    Use o renderizador React com uma fonte incluída no pacote

Tópicos

#handwriting#animation#font#svg#react#text-animation#calligraphy#cursive#stroke-order

Perguntas frequentes

O que é tegaki?
Transforma qualquer fonte em escrita à mão animada, desenhada traço por traço, para React, Vue, Svelte, Solid, Astro e vanilla JS. Tegaki é uma biblioteca de animação de escrita à mão que transforma qualquer fonte em texto que se desenha traço por traço. Não é preciso criar os caminhos manualmente nem instalar dependências nativas: basta escolher uma fonte e renderizar o texto com um componente.
tegaki é gratuito? Qual é a licença?
tegaki é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
tegaki ainda é mantido?
Manutenção ativa. O último commit de tegaki foi em 11 de out. de 2026.
Para que posso usar tegaki?
Adicionar títulos animados com escrita à mão a uma página de marketing ou landing page. Gerar logos ou banners em SVG animado para um README ou uma apresentação. Criar animações de texto manuscrito em vídeos feitos com Remotion.
Como instalar tegaki?
Instale o pacote: npm install tegaki Use o renderizador React com uma fonte incluída no pacote
Onde consigo tegaki?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/gkurt/tegaki

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados