Agentic Chat Natural conversation with frontend tool execution
chat-ui
Chat Customization (CSS) Default CopilotChat re-themed via CopilotKitCSSProperties
chat-ui
Pre-Built: Sidebar Docked sidebar chat via <CopilotSidebar />
chat-ui
Pre-Built: Popup Floating popup chat via <CopilotPopup />
chat-ui
Chat Customization (Slots) Customize CopilotChat via its slot system
chat-ui
Headless Chat (Simple) Minimal custom chat surface built on useAgent
chat-ui
Headless Chat (Complete) Full chat implementation built from scratch on useAgent
chat-ui
Frontend Tools (In-App Actions) Agent invokes client-side handlers registered with useFrontendTool
interactivity
Frontend Tools (Async) useFrontendTool with an async handler
interactivity
In-Chat HITL (useHumanInTheLoop) Inline approval/decision surface via the ergonomic useHumanInTheLoop hook
interactivity
In-Chat HITL (Booking) Time-picker card rendered inline via useHumanInTheLoop for a booking flow
interactivity
In-App Human in the Loop Agent requests approval via async useFrontendTool; UI pops as an app-level modal
interactivity
In-Chat HITL (Steps) Agent pauses for user approval via step-based human-in-the-loop
interactivity
Tool Rendering Custom render for tool calls inline in the chat stream
generative-ui
Tool Rendering (Default Catch-all) Out-of-the-box tool rendering — backend defines the tools; the frontend adds zero custom renderers and relies on CopilotKit's built-in default UI
generative-ui
Tool Rendering (Custom Catch-all) Single branded wildcard renderer via useDefaultRenderTool — the same app-designed card paints every tool call
generative-ui
Tool Rendering + Reasoning Chain Sequential tool calls with reasoning tokens rendered side-by-side
generative-ui
Agentic Generative UI Long-running agent tasks with generated UI
generative-ui
Tool-Based Generative UI Agent uses tools to trigger UI generation
generative-ui
Declarative Generative UI (A2UI) Dynamic A2UI BYOC via a custom catalog
generative-ui
Declarative Generative UI (A2UI — Fixed Schema) A2UI rendering against a known client-side schema
generative-ui
Shared State (Read + Write) Bidirectional agent state — UI writes preferences, agent writes notes back
agent-state
Shared State: Read-only Recipe editor publishes form state via agent.setState; the agent reads the recipe context but does not mutate it (no backend tool — neutral default agent).
agent-state
Sub-Agents Multiple agents with visible task delegation
multi-agent
State Streaming Per-token state delta streaming from agent to UI
agent-state
Readonly State (Agent Context) Frontend provides read-only context to the agent via useAgentContext
agent-state
Multimodal Attachments Image and PDF uploads via CopilotChat attachments
chat-ui
Voice Input Speech-to-text via @copilotkit/voice with a bundled sample audio button
chat-ui
Authentication Bearer-token gate via runtime onRequest hook
chat-ui
Agent Config Object Forward a typed config object (tone / expertise / response length) from provider to agent
platform
Declarative UI: Hashbrown Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
generative-ui
Declarative UI: json-render Streaming hierarchical JSON UI spec rendered via @json-render/react, with a Zod-validated catalog (MetricCard + PieChart + BarChart)
generative-ui
Open Generative UI (Minimal) Agent-authored HTML/CSS/SVG in a sandboxed iframe, minimal variant
generative-ui
Open Generative UI (Advanced) Sandboxed iframe that invokes host-registered sandbox functions via Websandbox.connection.remote
generative-ui
MCP Apps MCP server-driven UI via activity renderers
generative-ui
Beautiful Chat Polished landing-style chat surface with brand theming and suggestion pills
chat-ui
In-Chat HITL (useInterrupt — low-level primitive) Interactive component rendered inline in the chat via the lower-level `useInterrupt` primitive — direct control over the interrupt lifecycle
generative-ui
Headless Interrupt (testing) Resolve interrupts from a plain button grid — no chat, no useInterrupt render prop
interactivity
