tegaki は無料で使えますか？ライセンスは？

tegaki は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

tegaki は今もメンテナンスされていますか？

活発にメンテナンス中。tegaki の最終コミットは 2026年10月11日です。

tegaki は何に使えますか？

マーケティングページやランディングページに、手書き風の見出しアニメーションを追加する。 READMEやスライド資料向けに、アニメーションSVGのロゴやバナーを生成する。 Remotionで作成する動画に、手書き文字のアニメーションを取り入れる。

tegaki のインストール方法は？

パッケージをインストールする: npm install tegaki バンドルされたフォントでReactレンダラーを使用する

tegaki はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/gkurt/tegaki

gkurt/tegaki

Q: tegaki は今もメンテナンスされていますか？

活発にメンテナンス中。tegaki の最終コミットは 2026年10月11日 です。

あらゆるフォントを、React、Vue、Svelte、Solid、Astro、vanilla JSで使える、一画ずつ描かれる手書き風アニメーションに変換します。

GitHub で見る公式サイト

スター: 3,244
フォーク: 123
未解決の Issue: 0
最終コミット: 9 日前

これは何？

Tegakiは、あらゆるフォントのテキストを一画ずつ描かれるアニメーションに変換する、手書き風アニメーションライブラリです。パスを手作業で作成したり、ネイティブ依存関係をインストールしたりする必要はありません。フォントを選び、コンポーネントでテキストを描画するだけです。

コアパッケージには、React、Svelte、Vue、SolidJS、Astro向けのラッパーに加え、vanilla JavaScriptエンジンとWeb Componentsのサポートが含まれています。ラテン文字、アラビア文字、ヘブライ文字、デーヴァナーガリー文字、ベンガル文字、日本語、韓国語、簡体字中国語など、複数の手書きフォントを同梱しており、オンラインスタジオでほかのフォントを変換することもできます。

コマンドラインツールを使えば、何もインストールせずに、テキスト文字列からループ再生、一度だけ再生、または静止状態のアニメーションSVGを生成できます。文字のシェーピングにはWASMにコンパイルされたharfbuzzを使用するため、合字、アラビア文字の接続、右から左に記述するテキストにも対応しています。

主な機能

01あらゆるフォントを、自然なタイミングで一画ずつ描画するアニメーションにします。
02React、Svelte、Vue、SolidJS、Astro、Web Components向けのラッパーを提供します。
03ラテン文字、アラビア文字、ヘブライ文字、デーヴァナーガリー文字、日本語、韓国語、中国語の手書きフォントを同梱しています。
04npx経由で、文字が自動で描かれるSVGファイルを生成するコマンドラインツールを提供します。
05harfbuzzを通じて、合字、アラビア文字の接続、右から左に記述するテキストに対応します。

ユースケース

マーケティングページやランディングページに、手書き風の見出しアニメーションを追加する。
READMEやスライド資料向けに、アニメーションSVGのロゴやバナーを生成する。
Remotionで作成する動画に、手書き文字のアニメーションを取り入れる。

クイックスタート

1
パッケージをインストールする
npm install tegaki
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 の最終コミットは 2026年10月11日です。
tegaki は何に使えますか？: マーケティングページやランディングページに、手書き風の見出しアニメーションを追加する。 READMEやスライド資料向けに、アニメーションSVGのロゴやバナーを生成する。 Remotionで作成する動画に、手書き文字のアニメーションを取り入れる。
tegaki のインストール方法は？: パッケージをインストールする: npm install tegaki バンドルされたフォントでReactレンダラーを使用する
tegaki はどこで入手できますか？: ソースコードとインストール手順は GitHub にあります：https://github.com/gkurt/tegaki

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。