React、Next.js、Vue、Svelte、Astro、通常のHTMLに対応するオープンソースのCookie同意管理ツール
bas3line/ascii
React、Next.js、Astro、通常のHTMLタグ、SVG、ターミナルで使える、240種類のアニメーションASCIIアート
- スター
- 939
- フォーク
- 54
- 未解決の Issue
- 5
- 最終コミット
- 3 日前
これは何?
ascii.restは、WebページにアニメーションASCIIアートを描画するTypeScriptライブラリです。テキストエフェクト、チャート、スピナーから、3D形状、物理シミュレーション、シーン、プログラミング言語・Linuxディストリビューション・企業のロゴまで、すぐに使える作品を240種類収録しています。
作品は複数の方法で利用できます。ReactまたはAstroのコンポーネント、ビルド不要のカスタム`<ascii-art>` HTMLタグ、あるいはプレーンなTypeScriptでの`mount()`呼び出しに対応しています。kit APIでは、名前付きの外観、動き、ウィジェットを組み合わせて新しい作品を作成できます。同じ作品を、GitHub READMEに埋め込めるアニメーションSVGとしてエクスポートしたり、スプラッシュ画面を含めてターミナルで再生したりすることもできます。
URLクエリインターフェースからアニメーションテキストバナーを生成できるほか、アップロードした画像をブラウザ上でASCIIアニメーションに変換する機能もあります。
主な機能
- 01シーン、チャート、スピナー、3D形状、物理シミュレーション、ロゴ向けの既製作品。
- 02ReactおよびAstroコンポーネントと、プレーンな`<ascii-art>` HTMLタグ。
- 03GitHub READMEへの埋め込みに使えるアニメーションSVGのエクスポート。
- 04Node組み込みモジュールだけで動作するスプラッシュ画面APIを備えた、ターミナルでの再生。
- 05ブラウザ上で動作する、画像からASCIIへの変換。
ユースケース
- ミニマルな個人サイトやドキュメントサイトに、小さなアニメーションASCII要素を追加する。
- CLIツールの起動時にローダーやASCIIバナーを表示する。
- GitHub READMEの冒頭にアニメーションロゴやバナーを配置する。
- kit APIでプロジェクトのブランディングに合わせたASCIIアート作品を作成する。
クイックスタート
- 1
npmからパッケージをインストールする
npm install ascii.rest - 2
インストールせずにターミナルで試す
npx ascii.rest rust - 3
Reactコンポーネントで一部を使う
使う前に知っておきたいこと
- 色鮮やかなパーツの多くはターミナルで24ビットカラーが必要です。対応していない場合は、monoオプションを使うと単色で表示されます。
- 画像をASCIIアートに変換するツールなど、一部の機能はascii.restウェブサイトに依存します。
トピック
よくある質問
- ascii とは?
- React、Next.js、Astro、通常のHTMLタグ、SVG、ターミナルで使える、240種類のアニメーションASCIIアート ascii.restは、WebページにアニメーションASCIIアートを描画するTypeScriptライブラリです。テキストエフェクト、チャート、スピナーから、3D形状、物理シミュレーション、シーン、プログラミング言語・Linuxディストリビューション・企業のロゴまで、すぐに使える作品を240種類収録しています。
- ascii は無料で使えますか?ライセンスは?
- ascii は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- ascii は今もメンテナンスされていますか?
- 活発にメンテナンス中。ascii の最終コミットは 2026年10月17日 です。
- ascii は何に使えますか?
- ミニマルな個人サイトやドキュメントサイトに、小さなアニメーションASCII要素を追加する。 CLIツールの起動時にローダーやASCIIバナーを表示する。 GitHub READMEの冒頭にアニメーションロゴやバナーを配置する。 kit APIでプロジェクトのブランディングに合わせたASCIIアート作品を作成する。
- ascii のインストール方法は?
- npmからパッケージをインストールする: npm install ascii.rest インストールせずにターミナルで試す: npx ascii.rest rust Reactコンポーネントで一部を使う
- ascii はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/bas3line/ascii
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
アクセシビリティとパフォーマンスへの配慮を組み込んだ、React、Next.js、Svelte、Astro向けMotion.devアニメーション生成Claude Codeスキル。
Reactコンポーネントとしてnpmで利用できる、カスタマイズ可能な開発者向けSVGロゴ集。
Tailwind CSSとmotionを基盤に、再利用可能なカーソル追従エフェクトを提供するReact・Next.js向けアニメーションライブラリ。
Material 3 Expressiveのアプリ画面をブラウザーでスケッチし、AIコーディングツール向けのプロンプトに変換
英語を使って仕事をする人向けに、英単語の暗記とタイピング練習を組み合わせたWebアプリ。