Repolode
Submit
thesysdev

thesysdev/openui

A framework-agnostic Generative UI toolkit built around OpenUI Lang, a compact streaming language that lets LLMs produce renderable UI from your own component library.

View on GitHubWebsite
Stars
12,028
Forks
820
Open issues
169
Last commit
10 hours ago

What is it?

OpenUI is a Generative UI framework for letting language models produce interface elements instead of plain text. Its core is OpenUI Lang, a compact streaming-first language. Developers define the components a model may use, the toolkit generates a system prompt from that library, and the streamed model output is parsed and rendered progressively as tokens arrive.

The framework-agnostic core is paired with runtimes for React, Vue, Svelte, and Angular. The React packages also include prebuilt chat layouts and two built-in component libraries covering charts, forms, tables, and layouts. Additional packages target LangChain and LangGraph agents, the A2UI protocol, email generation with React Email, and a browser bundle for CDN or iframe embeds.

The project reports that OpenUI Lang uses up to 67% fewer tokens than equivalent JSON, with a benchmark suite included in the repository. A CLI scaffolds a working chat app with a single command.

Key features

  • 01Streaming renderer that displays model-generated UI progressively as tokens arrive.
  • 02Prompt generation directly from the component library you allow the model to use.
  • 03Runtimes for React, Vue, Svelte, and Angular on a framework-agnostic core.
  • 04Prebuilt React chat layouts and built-in charts, forms, tables, and layout components.
  • 05LangChain and LangGraph integration that streams OpenUI through AG-UI.
  • 06Zod-based typed component contracts for props and structure.

Use cases

  • Building an AI assistant or copilot that answers with interactive charts, forms, or tables.
  • Restricting model output to a vetted set of components in a production product.
  • Adding generated UI to a LangGraph agent backend with a React frontend.
  • Embedding generated interfaces in an iframe or static page via the browser bundle.

Quick start

  1. 1

    Scaffold a new app with the CLI

    npx @openuidev/cli@latest create --name genui-chat-app

Things to know

  • The README describes a fast-moving project with many packages, so APIs may change.
  • Using the scaffolded app with a live model requires your own LLM provider access.

Topics

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

FAQ

What is openui?
A framework-agnostic Generative UI toolkit built around OpenUI Lang, a compact streaming language that lets LLMs produce renderable UI from your own component library. OpenUI is a Generative UI framework for letting language models produce interface elements instead of plain text. Its core is OpenUI Lang, a compact streaming-first language. Developers define the components a model may use, the toolkit generates a system prompt from that library, and the streamed model output is parsed and rendered progressively as tokens arrive.
Is openui free to use? What license does it have?
openui is open source under the MIT license. Check the license terms before using it in commercial products.
Is openui still maintained?
Actively maintained. The last commit to openui was on Oct 19, 2026.
What can I use openui for?
Building an AI assistant or copilot that answers with interactive charts, forms, or tables. Restricting model output to a vetted set of components in a production product. Adding generated UI to a LangGraph agent backend with a React frontend. Embedding generated interfaces in an iframe or static page via the browser bundle.
How do I install openui?
Scaffold a new app with the CLI: npx @openuidev/cli@latest create --name genui-chat-app
Where can I get openui?
The source code and installation instructions are on GitHub: https://github.com/thesysdev/openui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects