CopilotKit
The frontend stack for agentic user experience.
Build production chat, generative UI, shared state, and human-in-the-loop workflows on any AG-UI compatible backend.
The Channels SDK brings your agents where work happens.
Bring your agent into Slack or Microsoft Teams, with more platforms on the way. Copy this prompt and your coding agent builds your first channel with you, on any supported agent framework.
Prefer to do it yourself? Read the Channels docs or clone OpenTag on GitHub for a complete working example.
Build your agent's user experience
Pick the UI primitive that matches the product surface you are building.
Chat componentsDrop in a chat surface where your users already work.Headless UIOwn every pixel and still use the agent runtime.Generative UILet agents render real React components.Any agentConnect any backend that speaks AG-UI.
Preview
Drop in a chat surface where your users already work.
Use CopilotChat, CopilotSidebar, or CopilotPopup when you want a complete agent UI out of the box.
example.tsxtsx
import { CopilotChat } from "@copilotkit/react-core/v2";export function SupportAssistant() { return ( <CopilotChat labels={{ modalHeaderTitle: "Product assistant", welcomeMessageText: "What should we work on?", }} /> );}Build with any agent backend
Start with CopilotKit's default agent or open the docs for a partner framework.
CopilotKit's Built-in AgentUse CopilotKit's in-process agent to get started fast.Deep AgentsLangChain Deep Agents connected to CopilotKit product UI.LangGraph (Python)Python LangGraph agents with the broadest feature coverage.LangGraph (FastAPI)Python LangGraph agents exposed through FastAPI.LangGraph (TypeScript)TypeScript LangGraph agents over the AG-UI adapter.Google ADKGemini-powered Google ADK agents connected through AG-UI.AWS Strands (Python)AWS Strands agents with CopilotKit frontend primitives.AWS Strands (TypeScript)TypeScript AWS Strands agents over the AG-UI adapter.MastraTypeScript-native agents, tools, memory, and workflows.Claude Agent SDK (Python)CopilotKit integration with Claude Agent SDK (Python). Supports the full range of CopilotKit features including generative UI, shared state, human-in-the-loop, sub-agents, and streaming.Claude Agent SDK (TypeScript)CopilotKit integration with Anthropic's Claude via the Claude SDK for TypeScriptPydanticAITyped Python agents with PydanticAI and CopilotKit UI.MS Agent Framework (Python)Microsoft Agent Framework agents in Python.MS Agent Framework (.NET)Microsoft Agent Framework agents in .NET.MS Agent Harness (.NET)Microsoft Agent Harness on .NET via AG-UI.AG2AG2 agents with CopilotKit chat, tools, and HITL flows.AgnoAgno agents with tools, state, and generative UI examples.LlamaIndexLlamaIndex workflows connected to CopilotKit experiences.CrewAI (Crews)CrewAI crews wired into CopilotKit product interfaces.