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
AG2Agentic Protocols

Overview

CopilotKit connects to your agents through the Agentic Protocol of your choice

CopilotKit is fully compatible with three major agentic protocols: AG-UI, MCP, and A2A.
Learn about these protocols and how to connect your app to agents which support them using CopilotKit.

Agentic Protocols - Venn Diagram Agentic Protocols - Venn Diagram

Connection

Protocol

Purpose

Agent ↔ User InteractionAG-UI

(Agent–User Interaction Protocol)

The open, event-based standard that connects agents to user-facing applications — enabling real-time, multimodal, interactive experiences.

Agent ↔ Tools & DataMCP

(Model Context Protocol)

Open standard that lets agents securely connect to external systems — tools, workflows, and data sources.

Agent ↔ AgentA2A

(Agent to Agent)

Defines how agents coordinate and share work across distributed agentic systems.

Agent ↔ Generative UI

A2UI (Google)


MCP Apps (MCP Ecosystem)


Open-JSON-UI (OpenAI)

Declarative, LLM-friendly generative UI specs that define what to render and how to structure agent responses visually. CopilotKit fully supports all of these.

Mixing and Matching Protocols#

CopilotKit lets developers connect to any of these protocols directly or in combination. CopilotKit can connect through any of the Interaction Protocols to your agentic backend.

Any Agentic Backend Any Agentic Backend

Or, since AG-UI also includes handshakes with both MCP and A2A, CopilotKit can connect to MCP or A2A supporting agents through AG-UI.

This means that if your host agent connects to subagents using MCP or A2A, their UI properties can be propagated all the way through to the user-facing application — while preserving full security, policy, and observability controls.

MCP and A2A through AG-UI MCP and A2A through AG-UI
On this page
Mixing and Matching Protocols