构建 UI 组件可能会很困难。 OpenUI 的目标是让这个过程变得有趣、快速且灵活。 这也是我们在 [W&B](https://wandb.com) 中使用的工具，用于测试和原型化我们的下一代工具，以便在法学硕士的基础上构建强大的应用程序。
## 概述
OpenUI 让您可以发挥想象力来描述 UI，然后查看它的实时渲染。 您可以要求更改并将 HTML 转换为 React、Svelte、Web Components 等。它类似于 [v0](https://v0.dev)，但是开源的，并且没有那么精美：stuck_out_tongue_close_eyes:。
## 现场演示
[尝试演示](https://openui.fly.dev)
## 本地运行
OpenUI 支持 [OpenAI](https://platform.openai.com/api-keys)、[Groq](https://console.groq.com/keys) 以及 [LiteLLM](https://docs.litellm.ai/docs/) 支持的任何模型，例如 [Gemini](https://aistudio.google.com/app/apikey) 或 [Anthropic （克劳德）]（https://console.anthropic.com/settings/keys）。 以下环境变量是可选的，但需要在您的环境中设置才能使替代模型正常工作：
- **OpenAI** `OPENAI_API_KEY`
- **Groq** `GROQ_API_KEY`
- **双子座** `GEMINI_API_KEY`
- **人类** `ANTHROPIC_API_KEY`
- **一致** `COHERE_API_KEY`
- **米斯特拉尔** `MISTRAL_API_KEY`
- **OpenAI 兼容** `OPENAI_COMPATIBLE_ENDPOINT` 和 `OPENAI_COMPATIBLE_API_KEY`
例如，如果您正在运行 [localai](https://localai.io/) 等工具，您可以设置“OPENAI_COMPATIBLE_ENDPOINT”和可选的“OPENAI_COMPATIBLE_API_KEY”，以便在 LiteLLM 下的 UI 模型选择器中列出可用模型。
### 奥拉马
您还可以使用 [Ollama](https://ollama.com) 可用的模型。 [安装 Ollama](https://ollama.com/download) 并拉取类似 [Llava](https://ollama.com/library/llava) 的模型。 如果 Ollama 未在 http://127.0.0.1:11434 上运行，您可以将 `OLLAMA_HOST` 环境变量设置为 Ollama 实例的主机和端口。 例如，在 docker 中运行时，您需要指向 http://host.docker.internal:11434 ，如下所示。
### Docker（首选）
以下命令将从您的 shell 环境转发指定的 API 密钥，并告诉 Docker 使用在您的计算机上运行的 Ollama 实例。
````bash
导出 ANTHROPIC_API_KEY=xxx
导出 OPENAI_API_KEY=xxx
docker run --rm --name openui -p 7878:7878 -e OPENAI_API_KEY -e ANTHROPIC_API_KEY -e OLLAMA_HOST=http://host.docker.internal:11434 ghcr.io/wandb/openui
````
现在您可以转到 [http://localhost:7878](http://localhost:7878) 并生成新的 UI！
### 来自源代码/Python
假设你安装了 git 和 [uv](https://github.com/astral-sh/uv)：
````bash
git 克隆 https://github.com/wandb/openui
cd openui/后端
uv 同步--冻结--extra litellm
源 .venv/bin/activate
# 为您想要使用的任何 LLM 设置 API 密钥
导出 OPENAI_API_KEY=xxx
蟒蛇-m openui
````
## LiteLLM
[LiteLLM](https://docs.litellm.ai/docs/) 可用于连接到基本
开源推荐
morning
GitHub 热门项目：openui
摘要
GitHub项目：openui 仓库地址：https://github。com/wandb/openui Stars：22325 | 作者：wandb 项目描述：OpenUI let's you describe UI using your imagination, then see it rendered live。
https
API
and
KEY
com
2026-05-20
1 阅读
GitHub Trending
GitHub项目：openui
仓库地址：https://github.com/wandb/openui
星级：22325 | 作者：wandb
项目描述：OpenUI 让您用想象力描述 UI，然后查看它的实时渲染。
===================================================
自述文件内容：
# 打开用户界面
构建 UI 组件可能会很困难。 OpenUI 的目标是让这个过程变得有趣、快速且灵活。 这也是我们在 [W&B](https://wandb.com) 中使用的工具，用于测试和原型化我们的下一代工具，以便在法学硕士的基础上构建强大的应用程序。
## 概述
OpenUI 让您可以发挥想象力来描述 UI，然后查看它的实时渲染。 您可以要求更改并将 HTML 转换为 React、Svelte、Web Components 等。它类似于 [v0](https://v0.dev)，但是开源的，并且没有那么精美：stuck_out_tongue_close_eyes:。
## 现场演示
[尝试演示](https://openui.fly.dev)
## 本地运行
OpenUI 支持 [OpenAI](https://platform.openai.com/api-keys)、[Groq](https://console.groq.com/keys) 以及 [LiteLLM](https://docs.litellm.ai/docs/) 支持的任何模型，例如 [Gemini](https://aistudio.google.com/app/apikey) 或 [Anthropic （克劳德）]（https://console.anthropic.com/settings/keys）。 以下环境变量是可选的，但需要在您的环境中设置才能使替代模型正常工作：
- **OpenAI** `OPENAI_API_KEY`
- **Groq** `GROQ_API_KEY`
- **双子座** `GEMINI_API_KEY`
- **人类** `ANTHROPIC_API_KEY`
- **一致** `COHERE_API_KEY`
- **米斯特拉尔** `MISTRAL_API_KEY`
- **OpenAI 兼容** `OPENAI_COMPATIBLE_ENDPOINT` 和 `OPENAI_COMPATIBLE_API_KEY`
例如，如果您正在运行 [localai](https://localai.io/) 等工具，您可以设置“OPENAI_COMPATIBLE_ENDPOINT”和可选的“OPENAI_COMPATIBLE_API_KEY”，以便在 LiteLLM 下的 UI 模型选择器中列出可用模型。
### 奥拉马
您还可以使用 [Ollama](https://ollama.com) 可用的模型。 [安装 Ollama](https://ollama.com/download) 并拉取类似 [Llava](https://ollama.com/library/llava) 的模型。 如果 Ollama 未在 http://127.0.0.1:11434 上运行，您可以将 `OLLAMA_HOST` 环境变量设置为 Ollama 实例的主机和端口。 例如，在 docker 中运行时，您需要指向 http://host.docker.internal:11434 ，如下所示。
### Docker（首选）
以下命令将从您的 shell 环境转发指定的 API 密钥，并告诉 Docker 使用在您的计算机上运行的 Ollama 实例。
````bash
导出 ANTHROPIC_API_KEY=xxx
导出 OPENAI_API_KEY=xxx
docker run --rm --name openui -p 7878:7878 -e OPENAI_API_KEY -e ANTHROPIC_API_KEY -e OLLAMA_HOST=http://host.docker.internal:11434 ghcr.io/wandb/openui
````
现在您可以转到 [http://localhost:7878](http://localhost:7878) 并生成新的 UI！
### 来自源代码/Python
假设你安装了 git 和 [uv](https://github.com/astral-sh/uv)：
````bash
git 克隆 https://github.com/wandb/openui
cd openui/后端
uv 同步--冻结--extra litellm
源 .venv/bin/activate
# 为您想要使用的任何 LLM 设置 API 密钥
导出 OPENAI_API_KEY=xxx
蟒蛇-m openui
````
## LiteLLM
[LiteLLM](https://docs.litellm.ai/docs/) 可用于连接到基本
构建 UI 组件可能会很困难。 OpenUI 的目标是让这个过程变得有趣、快速且灵活。 这也是我们在 [W&B](https://wandb.com) 中使用的工具，用于测试和原型化我们的下一代工具，以便在法学硕士的基础上构建强大的应用程序。
## 概述
OpenUI 让您可以发挥想象力来描述 UI，然后查看它的实时渲染。 您可以要求更改并将 HTML 转换为 React、Svelte、Web Components 等。它类似于 [v0](https://v0.dev)，但是开源的，并且没有那么精美：stuck_out_tongue_close_eyes:。
## 现场演示
[尝试演示](https://openui.fly.dev)
## 本地运行
OpenUI 支持 [OpenAI](https://platform.openai.com/api-keys)、[Groq](https://console.groq.com/keys) 以及 [LiteLLM](https://docs.litellm.ai/docs/) 支持的任何模型，例如 [Gemini](https://aistudio.google.com/app/apikey) 或 [Anthropic （克劳德）]（https://console.anthropic.com/settings/keys）。 以下环境变量是可选的，但需要在您的环境中设置才能使替代模型正常工作：
- **OpenAI** `OPENAI_API_KEY`
- **Groq** `GROQ_API_KEY`
- **双子座** `GEMINI_API_KEY`
- **人类** `ANTHROPIC_API_KEY`
- **一致** `COHERE_API_KEY`
- **米斯特拉尔** `MISTRAL_API_KEY`
- **OpenAI 兼容** `OPENAI_COMPATIBLE_ENDPOINT` 和 `OPENAI_COMPATIBLE_API_KEY`
例如，如果您正在运行 [localai](https://localai.io/) 等工具，您可以设置“OPENAI_COMPATIBLE_ENDPOINT”和可选的“OPENAI_COMPATIBLE_API_KEY”，以便在 LiteLLM 下的 UI 模型选择器中列出可用模型。
### 奥拉马
您还可以使用 [Ollama](https://ollama.com) 可用的模型。 [安装 Ollama](https://ollama.com/download) 并拉取类似 [Llava](https://ollama.com/library/llava) 的模型。 如果 Ollama 未在 http://127.0.0.1:11434 上运行，您可以将 `OLLAMA_HOST` 环境变量设置为 Ollama 实例的主机和端口。 例如，在 docker 中运行时，您需要指向 http://host.docker.internal:11434 ，如下所示。
### Docker（首选）
以下命令将从您的 shell 环境转发指定的 API 密钥，并告诉 Docker 使用在您的计算机上运行的 Ollama 实例。
````bash
导出 ANTHROPIC_API_KEY=xxx
导出 OPENAI_API_KEY=xxx
docker run --rm --name openui -p 7878:7878 -e OPENAI_API_KEY -e ANTHROPIC_API_KEY -e OLLAMA_HOST=http://host.docker.internal:11434 ghcr.io/wandb/openui
````
现在您可以转到 [http://localhost:7878](http://localhost:7878) 并生成新的 UI！
### 来自源代码/Python
假设你安装了 git 和 [uv](https://github.com/astral-sh/uv)：
````bash
git 克隆 https://github.com/wandb/openui
cd openui/后端
uv 同步--冻结--extra litellm
源 .venv/bin/activate
# 为您想要使用的任何 LLM 设置 API 密钥
导出 OPENAI_API_KEY=xxx
蟒蛇-m openui
````
## LiteLLM
[LiteLLM](https://docs.litellm.ai/docs/) 可用于连接到基本