Repolode
Enviar
gkurt

gkurt/tegaki

Convierte cualquier fuente en escritura animada que se dibuja trazo a trazo para React, Vue, Svelte, Solid, Astro y JavaScript sin framework.

Ver en GitHubSitio web
Estrellas
3,244
Forks
123
Issues abiertos
0
Último commit
hace 9 días

¿Qué es?

Tegaki es una biblioteca de animación de escritura a mano que convierte cualquier fuente en texto que se dibuja trazo a trazo. No hace falta que los desarrolladores creen trazados manualmente ni instalen dependencias nativas: basta con elegir una fuente y renderizar el texto con un componente.

El paquete principal incluye integraciones para React, Svelte, Vue, SolidJS y Astro, además de un motor de JavaScript sin framework y compatibilidad con Web Components. Incluye varias fuentes manuscritas para alfabetos latino, árabe, hebreo, devanagari, bengalí, japonés, coreano y chino simplificado; también se pueden convertir otras fuentes con el estudio en línea.

Una herramienta de línea de comandos genera SVG animados en bucle, de una sola reproducción o estáticos a partir de una cadena de texto, sin necesidad de instalar nada. La composición de texto usa harfbuzz compilado a WASM, por lo que se admiten ligaduras, la unión de caracteres árabes y el texto de derecha a izquierda.

Funciones clave

  • 01Anima cualquier fuente trazo a trazo con una temporización natural.
  • 02Incluye integraciones para React, Svelte, Vue, SolidJS, Astro y Web Components.
  • 03Incluye fuentes manuscritas para los alfabetos latino, árabe, hebreo, devanagari, japonés, coreano y chino.
  • 04La herramienta de línea de comandos genera archivos SVG que se dibujan solos mediante npx.
  • 05Gestiona ligaduras, la unión de caracteres árabes y el texto de derecha a izquierda mediante harfbuzz.

Casos de uso

  • Añadir encabezados manuscritos animados a una página de marketing o landing page.
  • Generar logotipos o banners SVG animados para un README o una presentación.
  • Crear animaciones de texto manuscrito en videos hechos con Remotion.

Inicio rápido

  1. 1

    Instala el paquete

    npm install tegaki
  2. 2

    Usa el renderizador de React con una fuente incluida en el paquete

Temas

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

Preguntas frecuentes

¿Qué es tegaki?
Convierte cualquier fuente en escritura animada que se dibuja trazo a trazo para React, Vue, Svelte, Solid, Astro y JavaScript sin framework. Tegaki es una biblioteca de animación de escritura a mano que convierte cualquier fuente en texto que se dibuja trazo a trazo. No hace falta que los desarrolladores creen trazados manualmente ni instalen dependencias nativas: basta con elegir una fuente y renderizar el texto con un componente.
¿tegaki es gratuito? ¿Qué licencia tiene?
tegaki es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿tegaki sigue mantenido?
Mantenimiento activo. El último commit de tegaki fue el 11 oct 2026.
¿Para qué puedo usar tegaki?
Añadir encabezados manuscritos animados a una página de marketing o landing page. Generar logotipos o banners SVG animados para un README o una presentación. Crear animaciones de texto manuscrito en videos hechos con Remotion.
¿Cómo se instala tegaki?
Instala el paquete: npm install tegaki Usa el renderizador de React con una fuente incluida en el paquete
¿Dónde consigo tegaki?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/gkurt/tegaki

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados