BAIZE AI RESOURCE

AI 界面生成工具

Openui

OpenUI 是一款通过文字描述生成界面组件的 AI 应用。用户可以实时查看生成的界面、提出修改要求,并将 HTML 转换为其他组件格式,减少从想法到界面原型的手动编写工作。

Openui

资源介绍

OpenUI 面向需要快速制作界面原型的设计师和开发者。用户描述想要的页面或组件,应用会生成界面并实时呈现;看到效果后,还可以继续提出修改要求,逐步调整设计。生成的 HTML 可转换为 React、Svelte 或 Web Components 等格式,便于接入后续开发。项目提供在线演示,也支持使用 Docker 或 Python 在本地运行。本地使用时,可按所选模型配置 API Key;也可连接 Ollama 使用本地模型。它适合在正式开发前探索界面方案,减少反复手写初稿的时间。

应用能力

文字生成界面

根据用户对界面的文字描述生成 UI 组件,并实时呈现结果。

对话修改设计

对已生成的界面继续提出修改要求,逐步调整显示效果。

转换组件格式

可将生成的 HTML 转换为 React、Svelte、Web Components 等格式,方便用于不同项目。

选择模型来源

本地运行可连接 OpenAI、Groq、LiteLLM 支持的模型或 Ollama 模型,按可用模型进行界面生成。

资源配置

应用版本

commit-42d7ab4ab665

运行环境

Docker

安装方式

Docker部署源码运行命令安装包管理器安装

依赖环境

API KeyPythonDocker

安装与使用

  1. 可先打开在线演示体验;如需本地运行,可选择 Docker 镜像或 Python 安装方式。

  2. 本地运行时,按所选模型配置相应的 API Key;使用 Ollama 时,先安装 Ollama 并准备模型。

  3. 打开 OpenUI 页面,输入界面描述并查看生成结果;需要调整时继续提出修改要求。

  4. 如需用于开发,可将生成的 HTML 转换为所需的组件格式。

使用案例

制作界面原型

使用场景设计师需要快速探索一个页面组件的外观。

用文字描述所需界面,查看实时生成的效果,再通过追加修改要求调整设计,形成可讨论的原型。

转换前端组件

使用场景开发者希望将界面初稿用于现有项目。

在 OpenUI 中生成并调整界面后,将 HTML 转换为项目需要的 React、Svelte 或 Web Components 格式。

包含内容

openui-source.zip
README-中文安装说明.md
LICENSE-Apache-2.0.txt
SHA256.txt

常见问题

OpenUI 可以使用 Ollama 的本地模型吗?
可以。先安装 Ollama 并拉取模型;如果 Ollama 不在默认地址 http://127.0.0.1:11434 运行,可通过 OLLAMA_HOST 指定地址。本地启动服务时,即使只使用 Ollama,也需要设置 OPENAI_API_KEY,可设为 xxx。
使用 Docker 运行后从哪里访问 OpenUI?
按项目提供的 Docker 运行方式映射 7878 端口后,在浏览器打开 http://localhost:7878。
OpenUI 能连接哪些模型服务?
项目说明支持 OpenAI、Groq、Ollama,以及通过 LiteLLM 接入的 Gemini、Anthropic 等模型。使用相应在线模型时,需配置对应的 API Key。
从 Python 源码运行需要什么环境?
后端项目要求 Python 3.9 或更高版本。项目提供使用 uv 安装依赖并通过 python -m openui 启动的方式。