写前端 UI 有个很烦的事——布局、配色、间距都想好了，调半天才出效果。OpenUI 把这事变简单了。你说一句话，它就能把界面生成出来。
是什么
OpenUI 是 Weights & Biases（W&B）开源的一个 AI 界面生成工具。你用自然语言描述想要的 UI，它就在浏览器里实时渲染。比如你说「一个带搜索框的顶部导航栏，右边放用户头像」，几秒钟就出了效果。
工作方式和 v0.dev 挺像，但最大的区别是——OpenUI 完全开源，可以跑在自己电脑上，数据不出本地。GitHub 上 22K+ Stars，Apache 2.0 许可，随便用。
核心特色
用嘴写 UI
描述方式很自由：「做一个深色模式的控制面板，左边是菜单，右边是卡片布局」。AI 理解你的意思，直接生成对应的 HTML + CSS。不满意就补一句「卡片改成圆角，背景用渐变色」，它立刻改。
多框架导出
生成好后可以一键导出为 React、Svelte、Vue、Web Components。比如说你描述了一个登录表单，导出的时候就直接拿到 React 组件代码，放项目里就能用。
多模型切换
支持 OpenAI、Anthropic（Claude）、Groq、Gemini、Cohere、Mistral，甚至 Ollama 本地模型。用哪个随你。跑本地模型的话一个 docker compose 就搞定，完全不花钱。
Docker 一键部署
docker run --rm -p 7878:7878 -e OPENAI_API_KEY=xxx ghcr.io/wandb/openui
然后浏览器打开 localhost:7878 就用。也支持 Python 源码运行，需要装 uv 包管理器。
槽点也不少
生成质量取决于你用的模型。GPT-4/Claude 效果最好，但用 Ollama 本地模型就一般般了，复杂布局容易翻车。
响应式布局体验一般。简单组件没毛病，但做个完整的商城首页，生成的东西还有大量手改空间。
UI 审美上跟 v0.dev 比差一截。v0 生成的界面设计感在线，OpenUI 的设计语言偏素白，样式细腻度差了些。说实在的，毕竟是开源项目，能理解。
更新节奏也偏慢。最近没看到大版本动静，有些 Issue 挂了很久没处理。
跟同类比
和 v0.dev 比，最大的优势就是开源和本地部署。v0 方便但有使用限制，OpenUI 完全自己说了算。
Claude Artifacts 更偏向完整的应用原型；OpenUI 专注 UI 组件，还能导出多框架代码。screenshot-to-code 走的是图转代码路线，OpenUI 走的是文字描述路线，两个方向不一样，互补关系。
一句话
经常做 UI 原型、想要一个本地可用的 AI 界面生成器，OpenUI 是目前最好的开源选择。配个好模型用，体验会好很多。
GitHub：https://github.com/wandb/openui
在线Demo：https://openui.fly.dev
标签：#OpenUI #AI界面生成 #WandB #v0替代 #开源UI工具 #自然语言生成UI
关注我，每期分享一个帮你省事的强大工具 🛠️