930aaeb
CopilotKitDocs
  • Docs
  • Integrations
  • Reference
Get Started
QuickstartCoding Agents
Concepts
ArchitectureGenerative UI OverviewOSS vs Enterprise
Agentic Protocols
OverviewAG-UIAG-UI MiddlewareMCPA2A
Build Chat UIs
Prebuilt Components
CopilotChatCopilotSidebarCopilotPopup
Custom Look and Feel
CSS CustomizationSlots (Subcomponents)Fully Headless UIReasoning Messages
Multimodal AttachmentsVoice
Build Generative UI
Controlled
Tool-based Generative UITool RenderingState RenderingReasoning
Your Components
Display ComponentsInteractive Components
Declarative
A2UIDynamic Schema A2UIFixed Schema A2UI
Open-Ended
MCP Apps
Adding Agent Powers
Frontend ToolsShared State
Human-in-the-Loop
HITL OverviewPausing the Agent for InputHeadless Interrupts
Sub-AgentsAgent ConfigProgrammatic Control
Agents & Backends
Built-in Agent
Backend
Copilot RuntimeFactory ModeAG-UI
Runtime Server AdapterAuthentication
AG2
Shared state
Reading agent stateWriting agent state
Readables
Observe & Operate
InspectorVS Code Extension
Troubleshooting
Common Copilot IssuesError Debugging & ObservabilityDebug ModeAG-UI Event InspectorHook ExplorerError Observability Connectors
Enterprise
CopilotKit PremiumHow the Enterprise Intelligence Platform WorksHow Threads & Persistence WorkObservabilitySelf-Hosting IntelligenceThreads
Deploy
AWS AgentCore
What's New
Full MCP Apps SupportLangGraph Deep Agents in CopilotKitA2UI Launches with full AG-UI SupportCopilotKit v1.50Generative UI Spec SupportA2A and MCP Handshake
Migrate
Migrate to V2Migrate to 1.8.2
Other
Contributing
Code ContributionsDocumentation Contributions
Anonymous Telemetry
Documentation

Welcome to CopilotKit

CopilotKit is the frontend stack for agents and generative UI. Connect any agent framework or model to your React app for chat, generative UI, canvas apps, and human-in-the-loop workflows.

Starting from scratch? Bootstrap a full-stack agent in one command:

npx copilotkit@latest create
Concepts
Architecture, gen UI types, OSS vs Enterprise.
API Reference
Hooks, components, and config.
Generative UI
Render tools as React components.

Continue with AG2

We'll render every code snippet using AG2. Pick up where you left off — or switch backends below or from the sidebar.

Quickstart
The AG2 quickstart guide.
Browse AG2 docs
Every topic rendered with AG2 snippets.

Switch backend

Pick another backend and the rest of the docs will render with its code.

Most Popular
LangGraph (Python)LangGraph (TypeScript)MastraCrewAI (Crews)
Agent Frameworks
Google ADKPydanticAIClaude Agent SDK (Python)Claude Agent SDK (TypeScript)
Enterprise
MS Agent Framework (Python)MS Agent Framework (.NET)Spring AI
Emerging
LangGraph (FastAPI)AgnoAG2LlamaIndexAWS StrandsLangroid