wandb/openui
OpenUI let's you describe UI using your imagination, then see it rendered live.
What it solves
构建用户界面(UI)组件通常是一个缓慢且繁琐的过程。OpenUI 通过允许用户以自然语言描述想要的界面并即时渲染,简化了这一流程,加快了应用开发中原型设计与设计阶段的速度。
How it works
OpenUI 使用大型语言模型(LLM)将自然语言描述转换为 UI 代码。它通过 LiteLLM 与多种模型提供商集成,支持 OpenAI、Groq、Gemini、Anthropic,以及通过 Ollama 的本地模型。用户可以描述 UI、请求迭代修改,并将生成的 HTML 转换为 React、Svelte 或 Web Components 等不同框架。
Who it’s for
想要使用 AI 快速原型 UI 组件的开发者和设计师,以及寻找开源替代方案(如 v0)的团队。
Highlights
- Live Rendering: 根据文字描述实时渲染 UI 组件。
- Multi-Framework Support: 将生成的 HTML 转换为 React、Svelte 与 Web Components。
- Broad Model Compatibility: 支持多种 LLM,包括专有 API 与通过 Ollama 的本地模型。
- Iterative Design: 能够针对渲染出的 UI 提出具体更改以完善设计。
相关
- 项目
thesysdev/openuiOpenUI 是一个框架无关、流式优先的 UI 库,允许 LLM 使用一种紧凑的语言(OpenUI Lang)生成 UI 组件。它提供了解析器、提示生成器以及 React、Vue、Svelte、Angular 的运行时绑定,并附带一个用于搭建应用的 CLI。该语言相比 JSON 可减少约 50% 的 token 使用,支持模型生成界面的渐进式渲染。
- 项目
AGenUI/AGenUIAGenUI 是一个生产级 SDK,实现了 Google 的 A2UI v0.9 协议,可在 iOS、Android 和 HarmonyOS 上实时渲染 LLM 生成的交互式 UI。共享的 C++ 核心处理解析、布局和差异计算,而原生渲染器绘制组件,提供 22 个内置 UI 组件、自定义组件注册、Function Call 支持、用于约束 LLM 输出的自包含 JSON 目录模式、将自然语言转换为 UI 协议消息的代理技能,以及用于原型设计的本地 Studio 工作台。
- 项目
assistant-ui/assistant-uiassistant‑ui 是一个 TypeScript/React 库,提供可组合、生产就绪的 AI 助手聊天 UI 组件。它通过类型化运行时与多种 LLM 后端配合使用,处理流式传输、Markdown、工具调用渲染,并提供 CLI 来搭建或将 UI 注入 Next.js 项目。采用 MIT 许可证,并由 Y Combinator 支持。
- 项目
vercel-labs/json-renderjson-render 是一个生成式 UI 框架,让 AI 能够根据提示创建界面,同时保持安全和可预测。它的工作原理是将 AI 输出限制在已定义的组件和操作目录中,然后跨多个平台进行渲染。