OpenUI: Framework-Agnostic Generative UI Framework with OpenUI Lang

Image source: thesysdev / OpenUI

OpenUI is an open-source, framework-agnostic Generative UI framework built around a compact, streaming-first language. Its core powers first-party runtimes for React, Vue, Svelte, and Angular, while the supplied GitHub repository snapshot lists 14,596 stars.

Image Credit: thesysdev / OpenUI

OpenUI centers on OpenUI Lang, a compact, streaming-first language designed for model-generated UI. Its renderer parses and renders structured UI progressively as model output arrives.

Framework-Agnostic Core and Multi-Framework Runtimes

At the heart of OpenUI is @openuidev/lang-core, a framework-agnostic parser, prompt-generation, and type evaluation layer that powers first-party runtimes across the web ecosystem.

• First-Class Framework Bindings: Official runtimes are provided via @openuidev/react-lang, @openuidev/vue-lang, @openuidev/svelte-lang, and @openuidev/angular-lang, allowing developers to integrate streaming UI into their preferred tech stack.
• Library-Driven Prompt Generation: Generate model system prompts directly from your registered component library, restricting outputs to valid components.
• Instant Project Scaffolding: Bootstrap an end-to-end application with streaming and OpenUI Lang pre-configured using the official CLI:

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

Token Efficiency with OpenUI Lang

OpenUI Lang is a compact, streaming-first language designed for structured, model-generated UI.

• Token Reduction: @Ryrenz reports that project tiktoken tests across seven UI scenarios used 52.8% fewer tokens than Vercel's json-render and 51.7% fewer than Thesys C1 JSON. Project README separately says OpenUI Lang uses up to 67% fewer tokens than JSON.
• Progressive Streaming: Renderer parses and renders model output progressively as tokens arrive.

Considerations and License

• Prompt Instructions: In an X reply, @zookmas1314 advises explicitly stating output format and target runtime so model produces OpenUI Lang instead of defaulting to component code.
• Version Alignment: @zookmas1314 also advises checking core and runtime versions, warning that an old core mixed with a newer runtime can produce rendering mismatches.
• License: OpenUI is distributed under the MIT license. Note that the maintainers have clarified that the project has no official cryptocurrency or token.

Sources

• GitHub: thesysdev/openui