Repolode
投稿する
thesysdev

thesysdev/openui

A framework-agnostic Generative UI toolkit built around OpenUI Lang, a compact streaming language that lets LLMs produce renderable UI from your own component library.

GitHub で見る公式サイト
スター
12,028
フォーク
820
未解決の Issue
169
最終コミット
2 時間前

これは何？

OpenUI is a Generative UI framework for letting language models produce interface elements instead of plain text. Its core is OpenUI Lang, a compact streaming-first language. Developers define the components a model may use, the toolkit generates a system prompt from that library, and the streamed model output is parsed and rendered progressively as tokens arrive.

The framework-agnostic core is paired with runtimes for React, Vue, Svelte, and Angular. The React packages also include prebuilt chat layouts and two built-in component libraries covering charts, forms, tables, and layouts. Additional packages target LangChain and LangGraph agents, the A2UI protocol, email generation with React Email, and a browser bundle for CDN or iframe embeds.

The project reports that OpenUI Lang uses up to 67% fewer tokens than equivalent JSON, with a benchmark suite included in the repository. A CLI scaffolds a working chat app with a single command.

主な機能

  • 01Streaming renderer that displays model-generated UI progressively as tokens arrive.
  • 02Prompt generation directly from the component library you allow the model to use.
  • 03Runtimes for React, Vue, Svelte, and Angular on a framework-agnostic core.
  • 04Prebuilt React chat layouts and built-in charts, forms, tables, and layout components.
  • 05LangChain and LangGraph integration that streams OpenUI through AG-UI.
  • 06Zod-based typed component contracts for props and structure.

ユースケース

  • Building an AI assistant or copilot that answers with interactive charts, forms, or tables.
  • Restricting model output to a vetted set of components in a production product.
  • Adding generated UI to a LangGraph agent backend with a React frontend.
  • Embedding generated interfaces in an iframe or static page via the browser bundle.

トピック

#generative-ui#llm#streaming#react#vue#svelte#angular#ai-agents#ag-ui#agent

よくある質問

openui とは？
A framework-agnostic Generative UI toolkit built around OpenUI Lang, a compact streaming language that lets LLMs produce renderable UI from your own component library. OpenUI is a Generative UI framework for letting language models produce interface elements instead of plain text. Its core is OpenUI Lang, a compact streaming-first language. Developers define the components a model may use, the toolkit generates a system prompt from that library, and the streamed model output is parsed and rendered progressively as tokens arrive.
openui は無料で使えますか？ライセンスは？
openui は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
openui は今もメンテナンスされていますか？
活発にメンテナンス中。openui の最終コミットは 2026年10月19日 です。
openui は何に使えますか？
Building an AI assistant or copilot that answers with interactive charts, forms, or tables. Restricting model output to a vetted set of components in a production product. Adding generated UI to a LangGraph agent backend with a React frontend. Embedding generated interfaces in an iframe or static page via the browser bundle.
openui はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/thesysdev/openui

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

関連プロジェクト