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 agents that get smarter with every use.
Rich Threads keep messages, generative UI, and tool activity available across sessions and devices.
Learning turns real usage into skills that improve your agent.
Build a new agent or bring one you already have. Any frontend, any backend.
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 FlowsRegular CrewAI Flows wired into CopilotKit product interfaces.