← all repositories
thesysdev/openui

A streaming language that turns LLM tokens into React UI

OpenUI gives LLMs a compact, streaming-first language to generate structured React interfaces directly, cutting token overhead and skipping the JSON middleman.

8.2k stars TypeScript App BuildersAgentsOther AI
openui
Velocity · 7d
+18
★ / day
Trend
cooling
star history

What it does

OpenUI is a full-stack framework that treats LLM output as structured UI rather than plain text. It centers on OpenUI Lang, a compact syntax designed to stream progressively into a React renderer. You define a component library, the framework auto-generates system prompts from that library, and the model emits live interface elements—charts, forms, tables—as tokens arrive.

The interesting bit

The clever part is the tight coupling between your component library and the model’s allowed vocabulary: the same Zod-typed React components that render the UI also constrain what the LLM can generate. Benchmarks in the repo show this language uses up to 67% fewer tokens than equivalent JSON representations across common UI scenarios like tables and forms.

Key highlights

  • Ships with built-in component libraries (charts, forms, layouts) and prebuilt chat surfaces.
  • Progressive streaming renderer parses partial LLM output and updates React state as tokens arrive.
  • Generates system prompts directly from your registered component set, keeping model behavior bounded.
  • Includes headless chat state, streaming adapters, and a CLI for scaffolding apps.
  • Claims latency of ~4.9 s versus ~14.2 s for JSON-based alternatives at 60 tokens/s, according to its own comparison table.

Caveats

  • Token-efficiency and latency gains are self-reported from the project’s own benchmark suite; no third-party validation is referenced.
  • Despite listing mobile and email as supported platforms, the README offers little detail on how rendering works outside of React web apps.

Verdict

Worth evaluating if you’re building chat assistants or copilots that need rich, streaming React UI and you want tighter control over LLM output structure. Skip it if you need a framework-agnostic or non-React stack, or if you prefer to stick with plain JSON protocols.

Frequently asked

What is thesysdev/openui?
OpenUI gives LLMs a compact, streaming-first language to generate structured React interfaces directly, cutting token overhead and skipping the JSON middleman.
Is openui open source?
Yes — thesysdev/openui is open source, released under the MIT license.
What language is openui written in?
thesysdev/openui is primarily written in TypeScript.
How popular is openui?
thesysdev/openui has 8.2k stars on GitHub and is currently cooling off.
Where can I find openui?
thesysdev/openui is on GitHub at https://github.com/thesysdev/openui.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.