スケーリング、間隔、色の設計式を基盤とするCSSファーストのUIコンポーネントフレームワーク。現在はNext.jsに対応しており、本番利用にはまだ推奨されていません。
internet-development/www-sacred
ターミナル風の等幅フォントデザインで、Webアプリ、デスクトップアプリ、静的サイトを構築するためのReactコンポーネントとスタイルのライブラリです。
- スター
- 1,569
- フォーク
- 82
- 未解決の Issue
- 4
- 最終コミット
- 3 日前
これは何?
SRCLは、インターフェースにターミナル風の見た目を加えるReactコンポーネントとCSSのリポジトリです。コンポーネントは、文字間隔と行の高さを正確に調整した等幅フォントを基本としているため、見た目を一から作り込まなくても、すぐに使えるパーツをWeb、デスクトップ、静的サイトのプロジェクトにコピー&ペーストできます。
このプロジェクトには、scripts/cli/libに依存関係ゼロの小規模なCLIフレームワークが含まれており、TypeScript版とPython版も用意されています。ターミナル用テンプレートとReactのスタイルでは同じカラーパレットを共有しているため、レイアウトの慣習を保ったまま、ターミナルUIとブラウザーUIの間で画面を移植できます。
リポジトリでは、コンポーネントのソースに加え、AGENTS.mdとSKILL.mdの指示ファイルもドキュメントURLで公開しています。開発者やAIエージェントは、規約や移植ガイドを直接参照できます。
主な機能
- 01文字間隔と行の高さを正確に調整した、等幅フォントベースのReactコンポーネント。
- 02手早く組み立てられる、コピー&ペーストしやすいコンポーネント実装。
- 03Reactのスタイルとカラーパレットを共有する、依存関係ゼロのTypeScriptおよびPython製CLIフレームワーク。
- 04ターミナル風UIをTypeScript CLI、Python、React間で移植するためのガイド。
- 05人間とAIエージェントが参照できる、安定したURLで公開されたコンポーネントのソースと規約ドキュメント。
ユースケース
- レトロなターミナル風の見た目が必要なWebアプリや静的サイトの構築。
- 等幅フォントを使った、テキスト主体のデザインによるデスクトップ風インターフェースの作成。
- ターミナルUIをReactページに、またはその逆に移植する。
- Webデザインに合わせたコマンドライン画面をTypeScriptまたはPythonで作成する。
クイックスタート
- 1
依存関係をインストールする(Node.js 22.12以降、24.x、または26以降が必要)
npm install - 2
開発サーバーを起動する
npm run dev - 3
ブラウザーで http://localhost:10000 を開く
使う前に知っておきたいこと
- 対応するNode.jsのバージョン範囲は限られています。22.x系は22.12以降、または24.x、26以降が必要です。Node 18、20、23、25はサポートされていません。
トピック
よくある質問
- www-sacred とは?
- ターミナル風の等幅フォントデザインで、Webアプリ、デスクトップアプリ、静的サイトを構築するためのReactコンポーネントとスタイルのライブラリです。 SRCLは、インターフェースにターミナル風の見た目を加えるReactコンポーネントとCSSのリポジトリです。コンポーネントは、文字間隔と行の高さを正確に調整した等幅フォントを基本としているため、見た目を一から作り込まなくても、すぐに使えるパーツをWeb、デスクトップ、静的サイトのプロジェクトにコピー&ペーストできます。
- www-sacred は無料で使えますか?ライセンスは?
- www-sacred は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- www-sacred は今もメンテナンスされていますか?
- 活発にメンテナンス中。www-sacred の最終コミットは 2026年11月4日 です。
- www-sacred は何に使えますか?
- レトロなターミナル風の見た目が必要なWebアプリや静的サイトの構築。 等幅フォントを使った、テキスト主体のデザインによるデスクトップ風インターフェースの作成。 ターミナルUIをReactページに、またはその逆に移植する。 Webデザインに合わせたコマンドライン画面をTypeScriptまたはPythonで作成する。
- www-sacred のインストール方法は?
- 依存関係をインストールする(Node.js 22.12以降、24.x、または26以降が必要): npm install 開発サーバーを起動する: npm run dev ブラウザーで http://localhost:10000 を開く
- www-sacred はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/internet-development/www-sacred
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ダークモードとNext.js RSCに対応し、Webアプリをすばやく構築できるアクセシブルなReactコンポーネントライブラリ兼デザインシステム。
デザインシステムやWebアプリの構築に使える、スタイルを持たないアクセシブルなReact UIプリミティブのオープンソースセットです。
Arco Designシステムに基づくReact UIコンポーネントライブラリ。すぐに使える60以上のコンポーネント、カスタマイズ可能なデザイントークン、TypeScript型定義を備えています。
オリジナルのアイコン、イラスト、アニメーションを備えた、島をイメージした居心地のよいReact・TypeScript UIコンポーネントライブラリ。
デザイナーとフロントエンド開発者が共通のテーマを使って連携できる、バックオフィス向けのエンタープライズ品質なReactコンポーネントライブラリ。