OpenUI
OpenUI 是面向生成式 UI 的开放标准,让 AI 应用与智能体以交互式 UI、图表、表格、表单和仪表板进行响应。它使用 OpenUI Lang 这一紧凑、流式优先的语言,LLM 可基于你自己的组件构建界面。
访问 thesysdev/openui项目简介
OpenUI 是面向生成式 UI 的开放标准,使 AI 应用与智能体能够以交互式 UI、图表、表格、表单和仪表板进行响应。OpenUI Lang 是 LLM 用来基于你自己的组件构建界面的紧凑、流式优先语言,它不是 JSON;每一行定义一个组件,例如 root = Stack([header, chart]),因此界面可在响应仍在流式传输时渲染。
核心功能
- OpenUI Lang 是紧凑、流式优先的语言,LLM 可基于自己的组件构建界面,每一行定义一个组件,例如 root = Stack([header, chart]);界面可在响应仍在流式传输时渲染;适配任意模型、任意前端框架以及现有设计系统或组件库;可生成交互式 UI、图表、卡片、仪表板、表单和表格;基准页面称 OpenUI Lang 生成速度最高快 3 倍,且比基于 JSON 的 UI 格式少用 67% 的 token;OpenUI 完全开源,并可与自己的组件和设计系统配合使用。
适用场景
- 构建以交互式 UI、图表、表格、表单和仪表板响应的 AI 应用与智能体;从响应渲染仪表板、表单、表格、图表和完整应用界面,而不仅是聊天消息;通过 Vercel AI SDK、LangChain、LangGraph、Convex、Cloudflare、CrewAI、n8n、Haystack 等集成把 OpenUI 加入现有智能体代码,无需重写;在 React、Next.js、Vue、Svelte、Angular、Nuxt、Remix、Astro 等现有前端框架中使用。
快速开始
- 运行 pnpx @openuidev/cli@latest create 可搭建可运行的应用;在项目中运行 npx @openuidev/cli@latest setup-agent 可向 AGENTS.md 添加 OpenUI 说明,供 Codex、Cursor、Claude Code 等编码智能体使用;使用 npx @openuidev/cli@latest create 创建的项目已包含这些智能体说明。
采用前须知
- 许可证:MIT。在使用、修改或分发项目前,请确认其具体条款。