Pre-Built: CopilotChat Vanilla CopilotChat with three starter-prompt suggestions — the minimum-viable surface for free-form chat
chat-ui
Chat Customization (CSS) Default CopilotChat re-themed via CopilotKitCSSProperties
chat-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
Frontend Tools (In-App Actions) Agent invokes client-side handlers registered with useFrontendTool
interactivity
Frontend Tools (Async) useFrontendTool with an async handler — agent awaits a client-side async operation and uses the returned result
interactivity
Human In the Loop: In-chat Time-slot picker rendered inline in the chat via `useHumanInTheLoop` — the agent requests user input, the frontend renders a TimePickerCard, and the user's choice resumes the agent.
interactivity
MCP Apps Runtime mcpApps config wires an Excalidraw MCP server; the built-in MCPAppsActivityRenderer renders the sandboxed iframe inline in the chat with no app-side renderer
generative-ui
In-App Human in the Loop (Frontend Tools + async HITL) Agent requests approval via a frontend tool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat, and a completion callback resolves the pending tool Promise with the user's decision
interactivity
Tool Rendering Custom per-tool renderers (WeatherCard, FlightListCard) plus a wildcard catch-all for every other tool
agent-capabilities
Tool-Based Generative UI Agent uses tools to trigger UI generation
generative-ui
Agentic Generative UI Canonical agent-state-driven Gen UI — the agent plans a live step list and emits it via state["steps"]; the frontend renders it via useAgent
generative-ui
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
Shared State: Read + Write Bidirectional shared state — UI writes preferences via agent.setState; agent writes notes via a Command-returning tool
agent-state
State Streaming Per-token state delta streaming from agent to UI via PredictStateMapping
agent-state
Sub-Agents Multiple agents with visible task delegation
multi-agent
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
Reasoning: Custom Visible reasoning/thinking chain alongside the final answer (Gemini 2.5 thinking mode)
chat-ui
Reasoning: Default Built-in CopilotChatReasoningMessage rendering with no slot override.
chat-ui
Declarative Generative UI (A2UI) Canonical A2UI BYOC — custom catalog (Card/StatusBadge/Metric/InfoRow/PrimaryButton) wired via a2ui.catalog on the provider; the runtime injects the render_a2ui tool automatically
generative-ui
Declarative Generative UI (A2UI — Fixed Schema) A2UI rendering against a known client-side schema
generative-ui
Readonly State (Agent Context) Frontend provides read-only context to the agent via useAgentContext
agent-state
Tool Rendering + Reasoning Chain (testing) Sequential tool calls with reasoning tokens rendered side-by-side
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
Beautiful Chat Canonical polished starter chat — brand fonts, theme tokens, suggestion pills
chat-ui
Multimodal Attachments Image and PDF uploads via CopilotChat attachments, processed by a Gemini multimodal agent
chat-ui
Authentication Bearer-token gate via runtime onRequest hook with unauthenticated / authenticated states
chat-ui
Declarative UI: Hashbrown Streaming structured output via @hashbrownai/react, rendering a sales dashboard catalog (MetricCard + PieChart + BarChart)
generative-ui
Fully Open-Ended Generative UI Agent generates UI from an arbitrary component library
generative-ui
Open-Ended Gen UI (Advanced: with frontend function calling) Agent-authored UI that can invoke frontend sandbox functions from inside the iframe
generative-ui
Voice Input Speech-to-text via @copilotkit/voice with a bundled sample audio button
chat-ui
Agent Config Object Forward a typed config object (tone / expertise / response length) from the provider to the agent's dynamic system prompt
platform
