OpenUI

What is OpenUI?

OpenUI is an open-source framework that enables AI agents and applications to generate interactive user interfaces from a single specification. It renders components in frameworks such as React, Vue, Svelte, and Angular using the developer's own design system. A managed gateway service is also available for production deployments.

What are the features of OpenUI?

• Compact UI language (OpenUI Lang)

  A streaming-first format where each line defines one component, allowing interfaces to render while the response streams. The vendor claims it uses 67% fewer tokens than JSON-based UI formats.
• Framework-agnostic rendering

  A single specification outputs to React, Next.js, Vue, Svelte, Angular, Nuxt, Remix, Astro, Lynx, React Native, email, or a plain script tag.
• Custom component support

  Works with existing design systems and libraries including shadcn/ui, Material UI, Ant Design, Radix UI, Chakra UI, Mantine, and daisyUI.
• Agent framework compatibility

  Integrates with Vercel AI SDK, LangChain, LangGraph, Convex, Cloudflare, CrewAI, n8n, and Haystack without requiring code rewrites.
• Output repair (Gateway)

  A managed endpoint that catches and fixes invalid generated output during streaming before it reaches users.
• Provider failover (Gateway)

  Switches model providers if one fails while keeping the same model, using existing credentials and commitments.

What are the use cases of OpenUI?

• Travel search interface

  Generating cards and dashboards for queries like finding modern hotels in Paris, replacing text-only responses with structured visual results.
• Coding agent scaffolding

  Pasting a setup prompt into tools like Claude Code, Codex, or Cursor to scaffold a new generative UI app and verify the first response.
• Production reliability

  Routing agent responses through Gateway to prevent broken UI from reaching users during outages or malformed generation.

How to use OpenUI?

1. Run CLI command

   Execute npx @openuidev/cli@latest create (or equivalent bunx, yarn dlx) to scaffold a new project.
2. Configure coding agent

   For existing projects, run npx @openuidev/cli@latest setup-agent to add OpenUI instructions to AGENTS.md.

OpenUI Pricing Information:

• Open source

  Free; fully open source under Thesys Inc.
• Gateway

  Provides free models to build with; paid production terms are not specified in the source.