OpenUI -- Generative UI Language and Runtime

OpenUI is Thesys's open-source generative-UI stack: a compact streaming language, component-library prompt generation, parser, React renderer, and framework packages for model-generated interfaces.

What It Is

OpenUI is built around OpenUI Lang, a line-oriented DSL for UI output from models. Instead of asking the model for arbitrary JSX or verbose JSON, an app defines a component library with typed props, generates a system prompt from that library, streams OpenUI Lang from the model, parses it incrementally, and renders the allowed components as the response arrives. Source: thesysdev/openui README, 2026-07-03

The important product pattern is catalog-constrained streaming UI. The model gets freedom to choose and populate allowed components, while the product keeps control of component contracts, renderers, tokens, and interaction boundaries. That places OpenUI in the same design space as JSON Render -- Generative UI Framework, Copilotkit, AG-UI Protocol, and AI-Native Design Patterns.

Current Source Snapshot

Checked 2026-07-03:

Source: npm registry, GitHub API/ref checks, Brin API, 2026-07-03

Package Surface

OpenUI is a monorepo rather than one package:

• @openuidev/lang-core: framework-agnostic parser, prompt generation, runtime evaluation, and types.
• @openuidev/react-lang: React component-library definitions, prompt generation, and streamed rendering.
• @openuidev/react-headless: chat state, streaming adapters, and message conversion.
• @openuidev/react-ui: prebuilt chat layouts and component libraries.
• @openuidev/vue-lang / @openuidev/svelte-lang: non-React runtime bindings.
• @openuidev/browser-bundle: no-build bundle for embeds.
• @openuidev/cli: scaffolding and prompt/schema generation. Source: thesysdev/openui README, 2026-07-03

Scaffold:

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

Routing

Use OpenUI when the artifact needs a compact language for streaming generated UI and the product can define a strict component library up front. Use JSON Render -- Generative UI Framework when the app already wants JSON specs, broad renderer targets, shadcn packages, directives, or Vercel Labs ecosystem fit. Use Copilotkit / AG-UI Protocol when the problem is agent frontend state, approvals, events, and cross-surface run control rather than only rendering generated UI.

Do not use OpenUI for freeform page generation, untrusted arbitrary JSX, or production adoption without a package/security review. The repo ships an openui agent skill, but Brin returned caution for both repo and skill surfaces, so keep it as a reference/candidate rather than importing it into Kevin's active skill runtime.

Artifact Review

The reviewed X image shows OpenUI's launch/landing surface: nav links for OpenUI Lang, Playground, and API Reference; install command npx @openuidev/cli@latest create; GitHub count in the 600s at screenshot time; and a "Without OpenUI" prose answer next to a "With OpenUI" card UI for hotel search. The artifact is useful because it shows the product promise visually: generative UI converts long natural-language answers into structured, scannable interface states. Current GitHub/npm sources supersede the screenshot's historical package and star counts. Source: X/@aridutilh, 2026-03-11; Source: local artifact review, 2026-07-03

---

Timeline

• 2026-07-03 | Created from deep review of the OpenUI bookmark artifact and current source authority. Recorded npm package versions, GitHub HEAD, package surface, and Brin caution verdicts; kept the bundled skill as a candidate/reference, not an active install. Source: X/@aridutilh, 2026-03-11; GitHub/npm/Brin, 2026-07-03