OpenUI

The Open Standard
for Generative UI

An open source toolkit to make your AI apps respond with your UI.

Instead of markdown, the LLM returns structured UI spec.

export interface HotelCardProps {

image: {

src: string

alt?: string

}

 

badge?: {

label: string

icon?: React.ReactNode

}

 

title: string

description?: string

 

cta: {

label: string

onClick?: () => void

href?: string

icon?: React.ReactNode

}

}

HOTEL CARD REACT PROPS

Free Wifi

Hotel Plaza Athenee

Haute couture suites; courtyard dining; Dior spa; near Champs-Élysées.

Book

Endless possibilities. Built in realtime.

Charts illustration

Charts

Forms illustration

Forms

Cards illustration

Cards

Tables illustration

Tables

List illustration

List

Charts illustration

Charts

Forms illustration

Forms

Cards illustration

Cards

Tables illustration

Tables

List illustration

List

Charts illustration

Charts

Forms illustration

Forms

Cards illustration

Cards

Tables illustration

Tables

List illustration

List

Works with any UI library.
Including yours.

OpenUI Design system
ShadCN
Material Design system Guidelines
Any LLM
OpenAI
OpenAI
Anthropic
Anthropic
Gemini
Gemini
Mistral
Mistral
Ollama
Ollama
+ more
Any Framework
Vercel AI SDK
Vercel AI SDK
LangChain
LangChain
CrewAI
CrewAI
OpenAI Agents SDK
OpenAI Agents SDK
Anthropic Agents SDK
Anthropic Agents SDK
Google ADK
Google ADK
+ more
Performance Optimizedupto 3x faster rendering than json-render
Token efficientupto 74% lesser tokens than json-render
Native TypesPerformant and memory safe
Works across platformsJS Runtime. Native support for iOS & Android coming soon
Streaming NativeStreaming and partial responses
InteractiveHandles inputs and interactive flows
Safe by DefaultNo arbitrary code execution

Build an AI chat in minutes

This scaffolds a Reference chat interface with a beautiful Component library and a fully functional OpenUI lang and Renderer.

AI chat dashboard illustration