# copilotkit/openintelligentui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/copilotkit-openintelligentui).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

4,185 stars · 437 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/CopilotKit/OpenIntelligentUI
- Homepage: https://opengenerativeui.copilotkit.ai/
- awesome-repositories: https://awesome-repositories.com/repository/copilotkit-openintelligentui.md

## Topics

`agent-native` `agentic-ai` `agentic-visualization` `agents` `ai-agents` `ai-copilot` `ai-visualization` `assistant-chat-bots` `copilot` `generative-ui` `javascript` `llm` `open-source` `typescript` `visualization`

## Description

OpenIntelligentUI is a generative UI chat application and forkable starter in which an AI agent answers questions with live, interactive interface elements instead of plain text. Each chat message starts an agent run that chooses between a plain text reply, a prebuilt native component, or a custom generated interface, and the result streams into the conversation as it is produced.

What sets it apart is how it handles generated interfaces. A routing step reads each turn and picks a renderer, using tables for simple data and charts, diagrams, calculators, or maps for richer requests. Agent-written HTML, CSS, and JavaScript stream into an isolated iframe, so live interfaces run without touching the host page. Values chosen inside the sandbox return to the host through a validated message bridge, which can start a follow-up agent turn. The project also includes a skill server that exposes skills, prompt templates, and an HTML document assembler as tools over a standard protocol, reachable via HTTP, stdio, or Docker.

Users bring their own model and visualization-provider keys. The app validates them with a test request before saving, holds them only in browser memory until refresh, keeps them out of chat state and checkpoints, and bills requests to the user's own account. Provider errors are reported to the user rather than silently switching providers.

The generated output covers working calculators such as bill splitters, side-by-side comparisons that update with preferences, interactive trip maps with numbered pins, rotatable 3D models, and tables convertible into charts. The chat view preserves scroll position while streaming and offers a copy action. The model is configured through environment settings, a health endpoint confirms the agent service is running, and the interface and agent can be modified after cloning.

## Tags

### Artificial Intelligence & ML

- [Agentic UI Frameworks](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-ui-frameworks.md) — Lets an AI agent answer with generated live interface components, choosing between text, native components, or custom interfaces for each request.
- [Interactive Agent Chat Interfaces](https://awesome-repositories.com/f/artificial-intelligence-ml/interactive-agent-chat-interfaces.md) — Opens directly to a chat view where typed requests or starter suggestions start an agent run and render text and interactive results inline. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Request-to-Output Format Routing](https://awesome-repositories.com/f/artificial-intelligence-ml/request-to-output-format-routing.md) — Selects the renderer and visualization type per user turn, using tables for simple data and charts, diagrams, calculators, or maps for richer requests. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Rich Answer Chat Interfaces](https://awesome-repositories.com/f/artificial-intelligence-ml/rich-answer-chat-interfaces.md) — Delivers a chat interface where agent answers appear as live interactive components and text, rendered progressively as the response streams in.
- [Agent Response Streamers](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-systems-frameworks/integration-deployment/agent-frameworks/agent-runtimes/streaming-response-processors/agent-response-streamers.md) — Streams agent output to the browser incrementally so text and interface elements appear progressively while the answer is still being written.
- [Bring-Your-Own-Key Model Clients](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-chat-clients/multi-provider-chat-clients/bring-your-own-key-model-clients.md) — Lets users supply their own model and provider keys, validated before saving and held only in browser memory, so costs go to their accounts.
- [Bring-Your-Own-Key Model Access](https://awesome-repositories.com/f/artificial-intelligence-ml/bring-your-own-key-model-access.md) — Collects users' own model and visualization-provider keys in the chat interface so requests bill to their accounts instead of shared credentials. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Chat-Triggered Agent Runs](https://awesome-repositories.com/f/artificial-intelligence-ml/chat-triggered-agent-runs.md) — Starts an agent run for every chat message that picks between plain text, a native component, or a custom interface and streams it inline.
- [Visualization Routers](https://awesome-repositories.com/f/artificial-intelligence-ml/llm-data-visualization-bridges/visualization-routers.md) — Routes each user turn to a table, chart, diagram, calculator, or map renderer depending on how rich the request is.
- [Model Context Protocol Servers](https://awesome-repositories.com/f/artificial-intelligence-ml/model-context-protocol-servers.md) — Exposes skills, prompt templates, and an HTML document assembler as tools over the Model Context Protocol via HTTP, stdio, or Docker.
- [Agent Response Streams](https://awesome-repositories.com/f/artificial-intelligence-ml/multimodal-agent-capabilities/real-time-streaming/agent-response-streams.md) — Streams the agent's response to the web front end as it is produced so generated interface elements appear progressively. ([source](https://github.com/copilotkit/openintelligentui#readme))

### User Interface & Experience

- [Generative User Interfaces](https://awesome-repositories.com/f/user-interface-experience/generative-user-interfaces.md) — Turn user questions into live interface elements such as explanations, comparisons, and working tools, instead of returning plain text responses. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Generated Task Tools](https://awesome-repositories.com/f/user-interface-experience/generated-task-tools.md) — Creates working calculators, planners, and interactive models with functioning controls on demand for the user's immediate task. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Double-Iframe Renderers](https://awesome-repositories.com/f/user-interface-experience/sandboxed-rendering-components/double-iframe-renderers.md) — Streams agent-written HTML, CSS, and JavaScript into an isolated iframe so live interfaces run without touching the host page's code or data.
- [Generative UI Components](https://awesome-repositories.com/f/user-interface-experience/ui-to-host-integrations/chat-ui-integrations/generative-ui-components.md) — Stream HTML, CSS, and JavaScript from an agent into an isolated iframe, so generated interfaces display live without touching the host application. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Iframe-Based Rendering](https://awesome-repositories.com/f/user-interface-experience/extensible-interfaces/plugin-renderers/iframe-based-rendering.md) — Streams agent-written HTML, CSS, and JavaScript into an isolated iframe, keeping generated interfaces separate from the host application.
- [Interactive Calculators](https://awesome-repositories.com/f/user-interface-experience/interactive-calculators.md) — Generates working calculators such as bill splitters with total, tip, and group-size inputs that recalculate instantly as inputs change. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Prebuilt UI Components](https://awesome-repositories.com/f/user-interface-experience/prebuilt-ui-components.md) — Map supported structured tasks to prebuilt native components, so common requests display consistent interface elements instead of freshly generated markup. ([source](https://github.com/copilotkit/openintelligentui#readme))

### Web Development

- [Browser Agent Chat Clients](https://awesome-repositories.com/f/web-development/browser-agent-chat-clients.md) — Provides a browser chat client that streams agent output and renders text and interactive results inline as the agent runs.
- [Sandboxed Generated Page Rendering](https://awesome-repositories.com/f/web-development/sandboxed-generated-page-rendering.md) — Runs agent-written HTML, CSS, and JavaScript inside an isolated iframe so generated interfaces work live without touching the host page.
- [Answer Format Selection](https://awesome-repositories.com/f/web-development/interactive-web-component-libraries/generative-interactive-components/answer-format-selection.md) — Choose between a plain text reply, a native component, or a custom interactive interface based on what best helps the user finish their request. ([source](https://github.com/copilotkit/openintelligentui#readme))

### Business & Productivity Software

- [Interactive Calculators and Planners](https://awesome-repositories.com/f/business-productivity-software/interactive-calculators-and-planners.md) — Generates working tools such as bill splitters and comparison views on demand, with results updating instantly as inputs change.

### Graphics & Multimedia

- [Interactive Data and Concept Visualizations](https://awesome-repositories.com/f/graphics-multimedia/interactive-data-and-concept-visualizations.md) — Turning questions into charts, tables, diagrams, maps, or rotatable 3D models so users can explore data and understand mechanisms by adjusting variables.

### Security & Cryptography

- [User-Provided Keys](https://awesome-repositories.com/f/security-cryptography/api-key-management/user-provided-keys.md) — Keeps user-supplied provider keys in browser memory only, out of chat state and checkpoints, cleared on refresh, billing the user's own account.
- [Sandbox Message Bridges](https://awesome-repositories.com/f/security-cryptography/sandbox-message-bridges.md) — Passes values chosen inside the sandbox to the host through a validated message bridge that can start follow-up agent turns safely.
- [Sandbox-to-Host Message Bridges](https://awesome-repositories.com/f/security-cryptography/sandbox-to-host-message-bridges.md) — Pass values selected inside the sandbox to the host through a validated bridge, starting another agent turn without exposing the host to untrusted code. ([source](https://github.com/copilotkit/openintelligentui#readme))
- [Session-Only Credential Handling](https://awesome-repositories.com/f/security-cryptography/session-only-credential-handling.md) — Hold user-entered keys in browser memory until refresh or clear, exclude them from chat state and checkpoints, and disable hosted tracing for those requests. ([source](https://github.com/copilotkit/openintelligentui#readme))