OpenUI ecosystem
Build with the tools
you already use.
Start with an AI framework, design system, or frontend platform your team already knows.
Integration directory
OpenUI across your stack
Three simple ways into OpenUI. Popular starting points appear first, and each page links to the relevant docs or runnable source.
AI frameworks, SDKs & protocols
Connect OpenUI to the agent framework, AI SDK, or protocol your application already uses.
LangChain & LangGraph
Connect LangChain and LangGraph to OpenUI through first-party server and stream adapters.
Vercel AI SDK
Connect Vercel AI SDK UIMessage streams to OpenUI with OpenUI's bundled first-party adapter and message format.
Pi Coding Agent
Embed the Pi coding-agent SDK behind OpenUI and render its answers, reasoning, and tool activity.
Mastra
Connect a Mastra agent to AgentInterface over AG-UI and render its streamed output as typed interfaces.
Grok Build
Use OpenUI as a generative UI frontend for persistent Grok Build coding-agent sessions.
AG-UI
Consume standard AG-UI event streams in OpenUI chat surfaces with the built-in agUIAdapter.
Vercel Eve
Connect Vercel Eve's resumable agent sessions to OpenUI while preserving Eve's native runtime.
Google ADK
Bridge Google ADK for TypeScript run events into AgentInterface with tools and multi-turn sessions.
Design systems & component libraries
Use OpenUI's built-in components or connect the UI library your product already uses.
shadcn/ui
Wrap shadcn/ui components in an OpenUI library and let the model compose them as streaming interfaces.
Material UI
Expose Material UI components to a model without replacing your existing React design system.
Handsontable
Connect a live Handsontable spreadsheet to OpenUI so agent tools can analyze and update its data.
React Email
Generate, preview, and export email-safe interfaces with OpenUI's React Email component package.
Frontend frameworks & platforms
Run OpenUI in an alternative web, mobile, chat framework, or AI application platform.
Vue 3
Define model-renderable Vue components and render streamed OpenUI Lang with @openuidev/vue-lang.
Svelte 5
Define Svelte components, generate prompts, and render streamed OpenUI Lang with @openuidev/svelte-lang.
React Native
Render model-generated interfaces in a native mobile chat application with a dedicated component library.
assistant-ui
Render streaming OpenUI programs as assistant-ui Tool UI while assistant-ui retains its conversation lifecycle.
Open WebUI
Render charts, forms, tables, cards, and follow-ups directly inside Open WebUI conversations.
Contribute an integration
If you want to contribute an integration, please raise an issue.