Documentation
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.
Build your agent's user experience
Pick the UI primitive that matches the product surface you are building.
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.LangGraph (Python)Python LangGraph agents with the broadest feature coverage.LangGraph (TypeScript)TypeScript LangGraph agents over the AG-UI adapter.Deep AgentsLangChain Deep Agents connected to CopilotKit product UI.Google ADKGemini-powered Google ADK agents connected through AG-UI.AWS StrandsAWS Strands agents with CopilotKit frontend primitives.MastraTypeScript-native agents, tools, memory, and workflows.PydanticAITyped 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.LangGraph (FastAPI)Python LangGraph agents exposed through FastAPI.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.