OpenUI：用自然语言描述界面并实时预览的开源工具

工具定位

OpenUI 的目标是让构建 UI 组件更快、更灵活。按照项目自述，用户可以描述想象中的界面并实时看到渲染结果，提出修改要求，并把 HTML 转换为 React、Svelte、Web Components 等。项目把自己比作 v0，但同时注明开源且完成度不如后者；这些均为项目方的自我描述，未提供实测数据。

模型接入

README 说明可接入 OpenAI、Groq，以及 LiteLLM 支持的其他模型（如 Gemini、Anthropic）。相关 API Key 环境变量是可选的，需要使用替代模型时须在环境中设置，例如 OPENAI_API_KEY、GROQ_API_KEY、GEMINI_API_KEY、ANTHROPIC_API_KEY、COHERE_API_KEY、MISTRAL_API_KEY；兼容 OpenAI 的服务则使用 OPENAI_COMPATIBLE_ENDPOINT 与 OPENAI_COMPATIBLE_API_KEY。

也可使用 Ollama 提供的模型。若 Ollama 不在 127.0.0.1:11434，需设置 OLLAMA_HOST；在 Docker 中运行时，原文示例指向 http://host.docker.internal:11434。

运行方式

• Docker（README 称为首选）：原文给出的命令会转发 shell 中的 API Key，并指定 Ollama 地址，映射 7878 端口，容器镜像为 ghcr.io/wandb/openui。
• 源码运行：需已安装 git 与 uv，在 backend 目录执行 uv sync --frozen --extra litellm，激活虚拟环境并设置所需 API Key 后运行 python -m openui。
• LiteLLM 自定义配置：程序会按顺序查找当前目录的 litellm-config.yaml、容器内的 /app/litellm-config.yaml，或 OPENUI_LITELLM_CONFIG 指定的路径。

开发与环境

仓库配置了 dev container。就 Codespace 而言，README 称其会自动安装 Ollama 并拉取 llava，并建议至少 16GB 内存；前端开发服务端口为 5173，前后端改动会自动重载。Gitpod 方式在启动时会安装并运行 OpenUI，使用 OpenAI 模型需在账号中配置 OPENAI_API_KEY 并设定作用域；原文提到 Gitpod 预配置 OpenAI，同时要求用户自行配置密钥，两处表述并存，实际使用请以配置步骤为准。

Docker Compose 方式原文附有免责声明，称可能非常慢，GPU 与 Mac 场景需调整 Ollama 容器标签或改用原生 Ollama。以上功能与步骤均来自项目 README 自述，未给出实测结果或版本信息。