Repolode
bas3line

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. 1

    npmからパッケージをインストールする

    npm install ascii.rest
  2. 2

    インストールせずにターミナルで試す

    npx ascii.rest rust
  3. 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 の数値は毎日更新されます。

関連プロジェクト