Repolode
Предложить
gkurt

gkurt/tegaki

Превращает любой шрифт в анимированный рукописный текст, который прорисовывается по штрихам, для React, Vue, Svelte, Solid, Astro и vanilla JS.

Открыть на GitHubСайт
Звёзды
3,244
Форки
123
Открытые issues
0
Последний коммит
9 дней назад

Что это?

Tegaki — библиотека для анимации рукописного текста, которая превращает любой шрифт в текст, прорисовывающийся по штрихам. Разработчикам не нужно вручную создавать контуры или устанавливать нативные зависимости: достаточно выбрать шрифт и отобразить текст с помощью компонента.

Основной пакет включает обёртки для React, Svelte, Vue, SolidJS и Astro, а также движок на vanilla JavaScript и поддержку Web Components. В комплект входят несколько рукописных шрифтов для латиницы, арабского, иврита, деванагари, бенгальского, японского, корейского и упрощённого китайского письма. Другие шрифты можно преобразовать с помощью онлайн-студии.

Инструмент командной строки создаёт зацикленные, однократные или статичные анимированные SVG из текстовой строки — ничего устанавливать не нужно. Для обработки текста используется harfbuzz, скомпилированный в WASM, поэтому поддерживаются лигатуры, соединение арабских букв и письмо справа налево.

Ключевые возможности

  • 01Анимирует любой шрифт, прорисовывая его по штрихам с естественным темпом.
  • 02Предоставляет обёртки для React, Svelte, Vue, SolidJS, Astro и Web Components.
  • 03Включает рукописные шрифты для латиницы, арабского, иврита, деванагари, японского, корейского и китайского письма.
  • 04Инструмент командной строки создаёт самостоятельно прорисовывающиеся SVG-файлы через npx.
  • 05Обрабатывает лигатуры, соединение арабских букв и текст справа налево с помощью harfbuzz.

Сценарии использования

  • Добавление анимированных рукописных заголовков на маркетинговую страницу или лендинг.
  • Создание анимированных SVG-логотипов или баннеров для README или презентации.
  • Создание анимации рукописного текста в видео, собранных с помощью Remotion.

Быстрый старт

  1. 1

    Установите пакет

    npm install tegaki
  2. 2

    Используйте рендерер React со встроенным шрифтом

Темы

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

Частые вопросы

Что такое tegaki?
Превращает любой шрифт в анимированный рукописный текст, который прорисовывается по штрихам, для React, Vue, Svelte, Solid, Astro и vanilla JS. Tegaki — библиотека для анимации рукописного текста, которая превращает любой шрифт в текст, прорисовывающийся по штрихам. Разработчикам не нужно вручную создавать контуры или устанавливать нативные зависимости: достаточно выбрать шрифт и отобразить текст с помощью компонента.
tegaki можно использовать бесплатно? Какая у него лицензия?
tegaki распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
tegaki всё ещё поддерживается?
Активно поддерживается. Последний коммит в tegaki — 11 окт. 2026 г..
Для чего можно использовать tegaki?
Добавление анимированных рукописных заголовков на маркетинговую страницу или лендинг. Создание анимированных SVG-логотипов или баннеров для README или презентации. Создание анимации рукописного текста в видео, собранных с помощью Remotion.
Как установить tegaki?
Установите пакет: npm install tegaki Используйте рендерер React со встроенным шрифтом
Где скачать tegaki?
Исходный код и инструкции по установке — на GitHub: https://github.com/gkurt/tegaki

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

glincker / thesvg

Открытая библиотека из примерно 7 600 SVG-иконок брендов и облачных сервисов, доступная через npm, CDN, CLI и MCP-сервер для AI-редакторов.

Фронтенд и UI#svg#icons#logos
2,9 тыс.228TypeScriptMITОбновлён вчера