openui 是什么?

OpenUI(wandb/openui)是 Weights & Biases 开源的「用自然语言描述 UI,实时渲染」的工具:你用想法描述界面,它即时渲染出来,还能要求修改,并把生成的 HTML 转成 React、Svelte、Web Components 等。它自比「开源版 v0」,也是 W&B 用来测试与原型化下一代 LLM 应用工具的载体。支持 OpenAI、Groq、Gemini、Anthropic、Mistral、Cohere 及 Ollama 本地模型,并可经 LiteLLM 接入几乎任意 LLM。Apache-2.0 许可,约 22,330 stars,前端 TypeScript、后端 Python,提供在线 Demo 与 Docker 镜像。

⭐ 22,231 Stars 🍴 2,056 Forks TypeScript Apache-2.0 作者: wandb
来源:README.md(标题、Overview、Running Locally、LiteLLM);GitHub 仓库元数据(stars=22330、language=TypeScript、license=Apache-2.0) 查看 GitHub 仓库 →

为什么值得关注

「描述即生成 UI」体验(如 v0)很受欢迎,但多为闭源云端。OpenUI 提供开源、可本地运行、可自带多种模型(含 Ollama 本地与 LiteLLM 任意后端)的替代方案,且能把生成结果导出为多种前端框架,对想试验 AI 生成 UI、又要可控与隐私的开发者很有吸引力。作者坦言它「不如 v0 那么精致」,定位偏实验/原型与工具探索。生成质量取决于所选模型。截至数据采集约 22,330 stars。

来源:README.md(Overview 的 v0 对比与自评、Running Locally);GitHub 仓库元数据(stars=22330、pushed_at 2026-05)

核心功能

自然语言生成 UI 并实时预览

用文字描述界面即时渲染,可反复要求修改迭代。

来源:README.md(标题、Overview)
导出到多框架

把生成的 HTML 转换为 React、Svelte、Web Components 等。

来源:README.md(Overview)
多模型与本地模型

支持 OpenAI/Groq/Gemini/Anthropic/Cohere/Mistral 与 Ollama 本地模型,按环境变量配置。

来源:README.md(Running Locally、Ollama)
LiteLLM 接入任意 LLM

经 LiteLLM 连接几乎任意 LLM 服务,支持自定义 proxy 配置与 OpenAI 兼容端点。

来源:README.md(LiteLLM)

技术架构

OpenUI 是前后端结构:Python 后端(`python -m openui`)负责调用 LLM 与提供 API,TypeScript 前端提供描述输入、实时预览与导出。模型接入很灵活:直接支持 OpenAI/Groq/Gemini/Anthropic/Cohere/Mistral(按环境变量配置 Key),并通过 LiteLLM 接入「几乎任意」LLM(含 OpenAI 兼容端点与 localai),还支持 Ollama 本地模型(如 Llava)。LiteLLM 配置可自动按环境变量生成,也可用自定义 litellm-config.yaml(当前目录、容器内 /app 或 OPENUI_LITELLM_CONFIG 指定路径)。生成的 UI 以 HTML/CSS/JS(Tailwind)为基础,可转换到 React/Svelte/Web Components。

来源:README.md(Running Locally、Ollama、LiteLLM、From Source);GitHub topics(html-css-javascript、tailwindcss)

项目知识图谱

知识图谱:项目核心节点(中心)+ 核心功能(内环六边形)+ 关键技术依赖(外环 chip) LiteLLM(多模型接入)LiteLLM(多模型… OpenAI/Groq/Gemini/Anthropic/Cohere/Mistral SDKOpenAI/Groq/Ge… Ollama(本地模型)Ollama(本地模… Tailwind CSS 自然语言生成 UI 并实时预览自然语言生成 UI 并实… 导出到多框架 多模型与本地模型 LiteLLM 接入任意 LLM openui 项目本体 核心功能 关键依赖

中心为项目本体,内环 = 核心功能模块,外环 = 关键技术依赖;按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成

技术栈

语言TypeScript(前端)+ Python(后端)框架AI 生成 UI 工具(HTML/CSS/JS + Tailwind,可导出多框架)
LiteLLM(多模型接入)OpenAI/Groq/Gemini/Anthropic/Cohere/…Ollama(本地模型)Tailwind CSS
Docker 镜像 ghcr.io/wandb/openui;在线 Demo(fly.dev);uv 从源码运行;Apache-2.0
来源:README.md(Running Locally、Docker、From Source、LiteLLM);GitHub 仓库元数据(language=TypeScript)

快速上手

最简单用 Docker:设置所需模型的 API Key 环境变量后运行 `docker run --rm --name openui -p 7878:7878 -e OPENAI_API_KEY ... ghcr.io/wandb/openui`,访问 http://localhost:7878 即可描述并生成 UI;要用本机 Ollama 可设 OLLAMA_HOST(容器内指向 host.docker.internal:11434)。从源码运行需 git 与 uv:克隆后在 backend 目录 `uv sync --frozen --extra litellm`、激活虚拟环境、设置 Key 并 `python -m openui`。要接入更多模型用 LiteLLM(自动或自定义 litellm-config.yaml)。也可直接试官方在线 Demo。
来源:README.md(Docker、From Source/Python、Ollama、LiteLLM、Live Demo)

使用场景

适合前端开发者、设计师与产品做 UI 快速原型:用自然语言生成并实时预览界面、迭代调整,再导出为 React/Svelte/Web Components 接入项目;也适合想本地、可控、自带模型(含 Ollama)地试验 AI 生成 UI,或作为学习/探索 LLM 驱动 UI 工具的开源参考。因定位偏实验与原型,正式产品 UI 仍需人工打磨。

来源:README.md(Overview、Running Locally)

优势与局限

优势

  • 开源、可本地运行的 v0 式 AI 生成 UI 工具
  • 模型接入灵活:多家云模型 + Ollama 本地 + LiteLLM 任意后端
  • 可把生成结果导出为 React/Svelte/Web Components
  • Docker 即用、有在线 Demo,Apache-2.0

局限

  • 作者自评不如 v0 精致,定位偏实验/原型
  • 生成质量取决于所选模型与提示
  • 产出 UI 需人工打磨才能用于正式产品
  • 本地运行需配置模型 Key 或 Ollama 环境
来源:README.md(Overview 自评、Running Locally)

最新版本

本页未列具体版本号;OpenUI 以 Docker 镜像(ghcr.io/wandb/openui)与源码分发,更新见 GitHub。仓库最后更新约在 2026 年 5 月,维护活跃。

来源:README.md(Docker 镜像、Running Locally);GitHub pushed_at

总结评价

OpenUI 是 W&B 开源的「描述即生成 UI」工具:用自然语言实时渲染界面、迭代修改,并能导出为 React/Svelte/Web Components,模型接入很灵活(多家云模型 + Ollama 本地 + LiteLLM 任意后端),Docker 即用、有在线 Demo,是 v0 的开源、可本地、可控替代。要清楚它定位偏实验/原型、作者自评不如 v0 精致、生成质量依模型、产出需人工打磨才能用于正式产品。作为开源 AI 生成 UI 的实用工具与探索载体,灵活度高、上手简单。

来源:综合 README.md 的定位、能力、模型接入与自评
透明度声明
本页内容由 AI(大语言模型)基于以下公开材料自动生成:GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间: 2026-05-24 16:04. 质量评分: 100/100.

数据来源:README、GitHub API、依赖文件