Repolode
提交项目
thesysdev

thesysdev/openui

基于紧凑流式语言 OpenUI Lang 的生成式 UI 框架，让大模型按你的组件库输出可渲染界面。

在 GitHub 查看官网
Star
12,028
Fork
820
未关闭 Issue
169
最近提交
37分钟前

这是什么？

OpenUI 是一个生成式 UI（Generative UI）框架，让大语言模型输出可直接渲染的界面元素，而不只是文本。核心是紧凑、支持流式输出的 OpenUI Lang。开发者先定义模型可用的组件，框架据此生成系统提示词，模型输出的内容则随 token 到达逐步解析并渲染。

框架无关的核心之上提供了 React、Vue、Svelte 和 Angular 的运行时。React 相关包还包含预置的聊天布局，以及覆盖图表、表单、表格和布局的两套内置组件库。此外还有面向 LangChain 与 LangGraph 智能体、A2UI 协议、基于 React Email 的邮件生成，以及可用于 CDN 或 iframe 嵌入的浏览器打包产物。

项目称 OpenUI Lang 的 token 用量比等价 JSON 最多减少 67%，仓库内附有基准测试。通过 CLI 一条命令即可生成可运行的聊天应用骨架。

核心功能

  • 01流式渲染器，随 token 到达逐步展示模型生成的界面。
  • 02根据允许模型使用的组件库自动生成提示词。
  • 03基于框架无关核心，提供 React、Vue、Svelte 和 Angular 运行时。
  • 04提供预置的 React 聊天布局，以及图表、表单、表格和布局组件。
  • 05支持 LangChain 与 LangGraph 集成，通过 AG-UI 流式输出 OpenUI。
  • 06使用 Zod 定义组件的属性与结构类型。

适用场景

  • 构建能以交互式图表、表单或表格作答的 AI 助手或 copilot。
  • 在生产产品中将模型输出限制在经过审核的组件集合内。
  • 为基于 LangGraph 的智能体后端加上 React 前端的生成式界面。
  • 通过浏览器打包产物，将生成的界面嵌入 iframe 或静态页面。

标签

#generative-ui#llm#streaming#react#vue#svelte#angular#ai-agents#ag-ui#agent

常见问题

openui 是什么？
基于紧凑流式语言 OpenUI Lang 的生成式 UI 框架，让大模型按你的组件库输出可渲染界面。 OpenUI 是一个生成式 UI（Generative UI）框架，让大语言模型输出可直接渲染的界面元素，而不只是文本。核心是紧凑、支持流式输出的 OpenUI Lang。开发者先定义模型可用的组件，框架据此生成系统提示词，模型输出的内容则随 token 到达逐步解析并渲染。
openui 可以免费使用吗？用的什么许可证？
openui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
openui 还在维护吗？
活跃维护中。openui 最近一次提交是在 2026年10月19日。
openui 适合用来做什么？
构建能以交互式图表、表单或表格作答的 AI 助手或 copilot。 在生产产品中将模型输出限制在经过审核的组件集合内。 为基于 LangGraph 的智能体后端加上 React 前端的生成式界面。 通过浏览器打包产物，将生成的界面嵌入 iframe 或静态页面。
在哪里获取 openui？
源代码和安装说明在 GitHub 上：https://github.com/thesysdev/openui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目