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: 支援多種 LLM,包括專有 API 與透過 Ollama 的本地模型。
  • Iterative Design: 能夠針對渲染出的 UI 提出具體變更以精進設計。