Repolode
投稿する
anomalyco

anomalyco/opentui

Zigで書かれ、TypeScript・React・Solidのバインディングを備えた、ターミナルUI構築用ライブラリ。

GitHub で見る公式サイト
スター
13,593
フォーク
787
未解決の Issue
214
最終コミット
13 時間前

これは何？

OpenTUIは、ターミナルUIを構築するためのライブラリです。ネイティブコアはZigで書かれ、TypeScriptバインディング経由で利用できるため、TypeScriptで直接ターミナルアプリを作成したり、ReactやSolidのレンダラーを使ってコンポーネントを組み合わせたりできます。

レイアウトにはflexboxを採用しており、ターミナル上でボックスやテキストを配置できます。組み込みコンポーネントには、select、input、スクロールボックスがあり、いずれもキーボードとマウスで操作できます。また、サウンドの再生、画像の表示、3Dグラフィックスの描画といった、あまり一般的でないターミナル機能にも対応しています。

モノレポには、core、ReactおよびSolidのレンダラー、キー バインディングライブラリ、QRコードコンポーネント、Three.jsのWebGPUレンダラー、SSHサーバー連携など、複数のパッケージが含まれています。プロジェクトによると、OpenCodeは本番環境でOpenTUIを使用しています。

主な機能

  • 01Zigで書かれたネイティブコアとTypeScriptバインディング。
  • 02ターミナル上でボックスやテキストを配置できるflexboxレイアウト。
  • 03キーボードとマウスで操作できるselect、input、スクロールボックス。
  • 04コンポーネントベースのターミナルUIを構築できるReactおよびSolidのレンダラー。
  • 05サウンド再生、画像表示、3D描画への対応。

ユースケース

  • リッチなレイアウトを備えたインタラクティブなコマンドラインツールの構築。
  • ReactまたはSolidでターミナルダッシュボードやチャット形式のインターフェースを作成。
  • 付属のサーバー連携を使い、SSH経由でターミナルアプリを公開。

クイックスタート

  1. 1

    Bunでコアパッケージをインストールする

    bun install
  2. 2

    OpenTUIのドキュメントをAIエージェントスキルとしてインストールする

    npx skills add https://opentui.com --skill opentui

使う前に知っておきたいこと

  • ソースからビルドするには、Bun 1.4.1以降とZig 0.16.0が必要です。

トピック

#tui#terminal#zig#typescript#react#solid#cli#opencode#opentui

よくある質問

opentui とは？
Zigで書かれ、TypeScript・React・Solidのバインディングを備えた、ターミナルUI構築用ライブラリ。 OpenTUIは、ターミナルUIを構築するためのライブラリです。ネイティブコアはZigで書かれ、TypeScriptバインディング経由で利用できるため、TypeScriptで直接ターミナルアプリを作成したり、ReactやSolidのレンダラーを使ってコンポーネントを組み合わせたりできます。
opentui は無料で使えますか？ライセンスは？
opentui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
opentui は今もメンテナンスされていますか？
活発にメンテナンス中。opentui の最終コミットは 2026年10月21日 です。
opentui は何に使えますか？
リッチなレイアウトを備えたインタラクティブなコマンドラインツールの構築。 ReactまたはSolidでターミナルダッシュボードやチャット形式のインターフェースを作成。 付属のサーバー連携を使い、SSH経由でターミナルアプリを公開。
opentui のインストール方法は？
Bunでコアパッケージをインストールする: bun install OpenTUIのドキュメントをAIエージェントスキルとしてインストールする: npx skills add https://opentui.com --skill opentui
opentui はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/anomalyco/opentui

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

関連プロジェクト