wandb/openui
OpenUI let's you describe UI using your imagination, then see it rendered live.
What it solves
ユーザーインターフェース（UI）コンポーネントを手作業で作成するのは、時間がかかり面倒な作業です。OpenUI は、自然言語で欲しいインターフェースを記述し、即座にレンダリングして表示することで、このプロセスを簡素化し、アプリケーション開発におけるプロトタイピングやデザインフェーズを高速化します。
How it works
OpenUI は大規模言語モデル（LLM）を利用して、自然言語の説明を UI コードに変換します。LiteLLM を介してさまざまなモデルプロバイダーと統合し、OpenAI、Groq、Gemini、Anthropic、そして Ollama 経由のローカルモデルをサポートします。ユーザーは UI を記述し、反復的な変更をリクエストし、生成された HTML を React、Svelte、Web Components などのフレームワークに変換できます。
Who it’s for
AI を活用して UI コンポーネントを素早くプロトタイプしたい開発者やデザイナー、そして v0 のようなツールのオープンソース代替を求めるチーム向けです。
Highlights
- Live Rendering: テキスト記述に基づき、UI コンポーネントをリアルタイムでレンダリングします。
- Multi-Framework Support: 生成された HTML を React、Svelte、Web Components に変換できます。
- Broad Model Compatibility: プロプライエタリ API と Ollama 経由のローカルモデルを含む、さまざまな LLM に対応しています。
- Iterative Design: レンダリングされた UI に対して具体的な変更を要求し、デザインを洗練させることができます。
関連
- プロジェクト
thesysdev/openuiOpenUI は、フレームワークに依存しないストリーミングファーストの UI ライブラリで、LLM がコンパクトな言語（OpenUI Lang）を使用して UI コンポーネントを生成できるようにします。パーサー、プロンプト生成器、React、Vue、Svelte、Angular 用のランタイムバインディング、およびアプリのスキャフォールディング用 CLI を提供します。この言語は JSON と比較してトークン使用量を約 50% 削減し、モデル生成インターフェースのプログレッシブレンダリングを可能にします。
- プロジェクト
AGenUI/AGenUIAGenUIは、GoogleのA2UI v0.9プロトコルを実装し、iOS、Android、HarmonyOSでLLM生成のインタラクティブUIをリアルタイムにレンダリングするプロダクショングレードのSDKです。共有C++コアが解析、レイアウト、差分計算を処理し、ネイティブレンダラーがコンポーネントを描画します。22の組み込みUIコンポーネント、カスタムコンポーネント登録、Function Callサポート、LLM出力を制約する自己完結型JSONカタログスキーマ、自然言語をUIプロトコルメッセージに変換するエージェントスキル、プロトタイピング用のローカルStudioワークベンチを備えています。
- プロジェクト
assistant-ui/assistant-uiassistant‑ui は、AI アシスタント向けの合成可能で本番環境対応のチャット UI コンポーネントを提供する TypeScript/React ライブラリです。型付きランタイムを介して多くの LLM バックエンドと連携し、ストリーミング、Markdown、ツール呼び出しのレンダリングを処理し、Next.js プロジェクトに UI をスキャフォールドまたは注入する CLI を提供します。MIT ライセンスで、Y Combinator の支援を受けています。
- プロジェクト
vercel-labs/json-renderjson-render は、AI がプロンプトからインターフェースを作成できるようにしながら、安全性と予測可能性を維持する生成 UI フレームワークです。AI の出力を定義済みのコンポーネントとアクションのカタログに制限し、それらを複数のプラットフォームでレンダリングします。