thesysdev/openui is a full-stack Generative UI framework that enables large language models to produce structured, interactive interfaces through a compact, streaming-first language. Its OpenUI Lang format uses up to 67% fewer tokens than JSON, offering official React support and built-in component libraries.
Project overview
By designing a streaming-first language specifically for model-generated UI, the project directly addresses the latency and token cost bottlenecks associated with token-intensive formats like JSON.
Project type
AI Agent · Infrastructure · Prompt Engineering
Use cases
Knowledge Q&A · Coding & Development
Deployment
Refer to project documentation
License
MIT
Best for
Developers building Generative UI applications who need structured and streamable model-generated interfaces.
Key capabilities
A compact, streaming-first language for model-generated UI designed to emit UI incrementally as tokens arrive.
Parses and renders model output progressively in React as tokens arrive.
Generates model instructions directly from the components you allow.
Provides charts, forms, tables, layouts, and more, ready to use or extend.
React Email component definitions plus prompt options for model-generated emails.
Provides Vue 3 and Svelte 5 bindings for defining model-renderable components and rendering streamed OpenUI Lang.
Core parser, prompt-generation, runtime-evaluation, and type layer with no React, Vue, or Svelte dependency.
Ships an Agent Skill so AI coding assistants can help you scaffold, build, and debug Generative UI apps using OpenUI Lang.
Limitations and risks
Using the framework requires connecting an LLM API, which may incur costs.
Getting started
Run npx @openuidev/cli@latest create --name genui-chat-app, cd genui-chat-app, add your OPENAI_API_KEY to a .env file, and execute npm run dev.
Evidence and sources
README: OpenUI is a full-stack, renderer-agnostic Generative UI framework built around a compact, streaming-first language. It offers official React support with built-in component librar…
README: OpenUI Lang is designed for model-generated UI that needs to be both structured and streamable.
README: - **Token efficiency** - Up to 67% fewer tokens than equivalent JSON (see [benchmarks](./benchmarks)).
README: - **OpenUI Lang** - A compact language for structured UI generation designed for streaming output. - **Built-in component libraries** - Charts, forms, tables, layouts, and more, r…
README: | [`@openuidev/react-headless`](./packages/react-headless) | Bring-your-own React chat UI | Headless chat state, streaming adapters, and message format converters |