AI Frameworks · thesysdev

openui

OpenUI is a TypeScript framework for building generative UIs by streaming structured output from LLMs. It combines a compact language (OpenUI Lang), React/Vue/Svelte bindings, and prebuilt chat components to render AI-generated interfaces more efficiently than JSON-based alternatives.

Talk to DEV.co Discuss Implementation

Source: GitHub — github.com/thesysdev/openui

7.8k

GitHub stars

570

Forks

TypeScript

Primary language

MIT

License (OSI-approved)

Key facts

Objective fields from the source. Values we can't verify are shown as “Unknown” rather than guessed.

Field	Value
Repository	thesysdev/openui
Owner	thesysdev
Primary language	TypeScript
License	MIT — OSI-approved
Stars	7.8k
Forks	570
Open issues	95
Latest release	Unknown
Last updated	2026-07-07
Source	https://github.com/thesysdev/openui

What openui is

OpenUI Lang is a streaming-first DSL with 45–67% better token efficiency than JSON for model-generated UI. The framework provides framework-agnostic core parsing (@openuidev/lang-core), React/Vue/Svelte renderers with component libraries, and a CLI for scaffolding and prompt generation from component definitions.

Quickstart

Get the openui source

Clone the repository and explore it locally.

terminalbash

1git clone https://github.com/thesysdev/openui.git2cd openui3# follow the project's README for install & configuration

Need it deployed, integrated, or customized instead? DEV.co ships production installs.

Best use cases

AI Chat Interfaces & Copilots

Build chat apps where the LLM generates structured UI (forms, tables, charts) inline with text. The streaming renderer updates UI progressively as tokens arrive, and the prebuilt chat layouts in @openuidev/react-ui reduce boilerplate.

Token-Efficient LLM Output

When cost and latency matter, OpenUI Lang's 45–67% token savings directly reduce API spend and response time compared to JSON-based streaming. Useful for high-volume or latency-sensitive applications.

Component-Driven AI Applications

Use component libraries to constrain what the model can generate, then auto-generate system prompts from those definitions. Ensures type-safe, predictable output and makes adding new UI patterns straightforward.

Implementation considerations

Start with the CLI scaffolder (@openuidev/cli create) to get a working foundation; integration requires defining component libraries and understanding OpenUI Lang syntax.
Component libraries are central to the model's behavior; plan to define Zod schemas upfront and test prompt generation with your target LLM.
Streaming support is built-in but requires compatible LLM API (OpenAI, etc.); ensure your LLM client supports server-sent events or chunked responses.
No official release version; pin to specific Git commits or use npm with caution; monitor GitHub for breaking changes when updating.
Vue 3 and Svelte 5 bindings exist but React is the primary integration; non-React stacks may have fewer examples and less community support.

When to avoid it — and what to weigh

No Official Releases Yet — Latest release is marked 'n/a' and lastPushed is July 2026 (future-dated or stale). No versioned release tags found; production use may face unpredictable breaking changes.
Immature Ecosystem — Project created December 2024; 95 open issues and active contribution solicitation suggest early development. Production stability and long-term maintenance are unproven.
Non-Standard UI Rendering Model — Adopting OpenUI Lang means committing to a custom DSL not yet widely adopted. Switching costs and vendor risk are real if the project stalls or community interest wanes.
Limited Real-World Validation — Token efficiency benchmarks are internal and unverified by third parties. Playground demos are available but production deployment patterns and edge cases are not well-documented.

License & commercial use

Licensed under MIT (permissive OSI license). Commercial use is allowed without formal permission, but no warranty or liability disclaimers are detailed in the provided data.

MIT license permits commercial use. However, no official release version, unverified token efficiency claims, and early-stage maturity pose adoption risk for production systems. Thoroughly test benchmarks and stability before committing to a production service.

DEV.co evaluation signals

Editorial assessment — not user reviews. Directional, with an explicit confidence level.

Signal	Assessment
Maintenance	Active
Documentation	Adequate
License clarity	Clear
Deployment complexity	Moderate
DEV.co fit	Good
Assessment confidence	Medium

Security considerations

No security audit data provided. Key concerns: (1) LLM output is rendered as UI; ensure component libraries validate and sanitize model-generated props to prevent injection attacks. (2) Early-stage project with no published security policy or vulnerability reporting process. (3) Custom DSL parsing increases attack surface if not rigorously tested. Conduct security review before exposing to untrusted LLM inputs.

Alternatives to consider

Vercel AI SDK + React Render

Mature streaming SDK with broader LLM support. Requires JSON for structure but established patterns for chat UIs; no custom DSL to learn.

LangChain + LangGraph

Production-grade Python/JS framework for agentic flows and structured output via Pydantic/Zod. Better long-term stability and ecosystem depth, though less specialized for UI streaming.

Anthropic Messages API + Custom React

Native streaming, tool_use for structured output, and direct control over rendering. More boilerplate but no new DSL and direct API control.

Software development agency

Build on openui with DEV.co software developers

Start with the OpenUI CLI scaffolder and render structured UI from LLM streams. Join the Discord community for early-stage feedback.

Talk to DEV.co

Related open-source tools

Surfaced by semantic similarity across the DEV.co open-source index.

openui AionUi open-design

Related on DEV.co

Explore the category and the services that help you build with it.

AI Frameworks AI Application Development Web App Development API Development Talk to DEV.co

openui FAQ

Is OpenUI Lang production-ready?

No versioned releases exist yet. The project is ~7 months old (created Dec 2024) with 95 open issues. Test thoroughly in staging before production use; expect potential breaking changes.

How much can I save on LLM tokens?

Benchmarks claim 45–67% reduction vs JSON for chat/form scenarios. These are internal benchmarks; verify against your actual LLM (GPT-4, Claude, etc.) and use cases before committing.

Can I use OpenUI with models other than OpenAI?

Yes. OpenUI Lang is model-agnostic; streaming support depends on your LLM provider's API. Adapters for Anthropic, Ollama, etc. are not mentioned in the data; likely require custom integration.

Do I have to use OpenUI Lang?

No. The core parser (@openuidev/lang-core) is framework-agnostic. You can use the component libraries with JSON or other formats, but you lose token efficiency and streaming benefits.

Work with a software development agency

Adopting openui is usually one piece of a larger software development effort. As a software development agency, DEV.co provides software development services and web development expertise — pairing senior software developers and web developers with your team to design, build, and operate ai frameworks software in production.

Build AI Interfaces Faster

Start with the OpenUI CLI scaffolder and render structured UI from LLM streams. Join the Discord community for early-stage feedback.

Talk to DEV.co Schedule a Consultation