Explore three approaches to building AI-powered user interfaces with CopilotKit
Pre-built React components rendered by the frontend when tools are called.
HTML/JS apps served by MCP servers, rendered in sandboxed iframes.
Agent-composed declarative JSON UI, rendered dynamically at runtime.
| Protocol | Features | Best For | Example Use |
|---|---|---|---|
| Static GenUI | React components via useRenderToolCall | Type-safe, customizable UI patterns | Weather cards, stock tickers, approval flows |
| MCP Apps | HTML apps in sandboxed iframes | Rich interactive apps, isolation | Flight booking, trading simulator |
| A2UI | Declarative JSON → Lit components | Agent-composed UI, cross-framework | Restaurant finder, dynamic forms |
Try these prompts in the chat: