Build chat, generative UI, shared state, canvas apps, and human-in-the-loop workflows on top of LangGraph, Google ADK, Mastra, PydanticAI, CrewAI, the built-in agent, or any AG-UI compatible backend.

Start with the built-in agent

npx copilotkit@latest create

Frontend

React UX primitives

Chat, generative UI, shared state, and HITL controls.

Runtime

AG-UI transport

Event streams, tools, state snapshots, and observability.

Agent

Any backend

LangGraph, ADK, Mastra, CrewAI, PydanticAI, and more.

LangGraphGoogle ADKMastraPydanticAICrewAIAG-UI

Start building

Create a working CopilotKit app with the built-in agent.

Render agent UI

Turn tool calls and state into first-class React components.

API Reference

Hooks, components, runtime config, and integration APIs.

Continue with CopilotKit's Built-in Agent

Code examples and generated snippets are scoped to CopilotKit's Built-in Agent. Switch the backend whenever you want a different stack.

Active backend

Quickstart

Wire CopilotKit to CopilotKit's Built-in Agent and render your first agent UI.

Browse CopilotKit's Built-in Agent docs

Every topic rendered with CopilotKit's Built-in Agent snippets.

Switch backend

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

LangGraph (Python)LangGraph (TypeScript)Google ADK AWS Strands Mastra PydanticAI MS Agent Framework (Python)MS Agent Framework (.NET)MS Agent Harness (.NET)LangGraph (FastAPI)AG2 Agno LlamaIndex CrewAI (Crews)