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 提出具體變更以精進設計。