OpenUI是一款开源的AI代码生成器，根据描述生成UI界面，并能够输出HTML、CSS等前端代码，支持React、Svelte等框架，简化前端开发流程，通过生成式AI降低前端开发门槛，提高设计和编码效率，推动人机协作成为未来的常态。使用OpenUI非常简单，只需在文本框中输入对所需界面的描述，即可生成对应的UI效果图，并可通过指令进行实时修改和添加简单的动态效果。
演示地址：https://openui.fly.dev/ai/new
GitHub：https://github.com/wandb/openui
注意，该项目只提供前端静态html，不能对接后端api，所以它更适合展示型页面的编写
OpenUI目前仍是一款初级工具，其底层采用的是Ollama模型。
目录
如何使用：
打开官方的演示网站（你也可以自己部署），可以看到整个页面如下图
这时候生成了初版的效果，看起来不是想要的。那我们可以通过上面提供的修改工具，继续让AI生成。
如果你想常看代码，可以点击如下的区域，选择你要生成的风格
本地部署方法：
本地安装：
在本地运行 OpenUI 需要你提前安装好Ollama可用的模型。 安装 Ollama并拉取一个像CodeLlama这样的模型，然后就可以继续下面的操作：
第一步：准备
确保你已经安装git、python环境
第二步：克隆项目
git clone https://github.com/wandb/openui
第三步：安装依赖
cd openui/backend
pip install .
第四步：设置你的大语言模型的 API Key
export OPENAI_API_KEY=xxx
第五步：启动OpenUI
python -m openui
Docker支持
你也可以通过docker文件/backend运行；
docker build . -t wandb/openui –load
docker run -p 7878:7878 -e OPENAI_API_KEY wandb/openui
访问：http://localhost:7878 即可
