A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
  • Getting Started
  • Introduction to CopilotKit
  • LLM Quickstart
  • Agent Quickstart
  • Vibe Coding MCP
  • What's New
  • CopilotKit Features
  • Agentic Chat UI
  • Copilot Suggestions
  • Human in the Loop (HITL)
  • Generative UI
  • Frontend Actions
  • Backend Actions
  • Shared State
  • Premium Features
  • CopilotKit Premium
  • Fully Headless UI
  • Observability
  • Inspector
  • Agentic Protocols
  • Agentic Protocols
  • AG-UI (Agents<->Users)
  • MCP (Agents<->Tools)
  • A2A (Agents<->Agents)
  • Generative UI Specs
  • Generative UI Specs
  • A2UI
  • Open-JSON-UI
  • MCP-UI
  • Learning
  • Tutorial: AI Todo App
  • Tutorial: AI Travel App
  • Video: Research Canvas
  • Cookbook: State Machine
  • Troubleshooting
  • Error Debugging
  • Error Observability Connectors
  • Common Copilot Issues
  • Migrate to 1.10.X
  • Migrate to 1.8.2
  • Other
  • Integrations
  • ADK
  • A2A
  • Microsoft Agent Framework
  • AWS Strands
  • Direct to LLM
  • LangGraph
  • AutoGen2
  • Agno
  • CrewAI Crews
  • CrewAI Flows
  • LlamaIndex
  • Mastra
  • Open Agent Spec
  • Pydantic AI

Introduction to CopilotKit

The Agentic Application Platform: Open source framework and Cloud or self-hosted services for building AI-powered agentic applications.

What is CopilotKit?

CopilotKit is the Agentic Application Platform — everything developers need to integrate AI agents into user-facing apps.

It connects your app's logic, state, UI, and context to agentic backends to power interactive experiences across embedded UIs and headless interfaces. Build, deploy, and monitor AI features that feel intuitive and deeply integrated.

Starter app from running npx copilotkit@latest init
demonstrating key features of CopilotKit.

Use Any Agentic Backend, Framework and Protocol

CopilotKit connects to any agentic backend directly or via any of the Agentic Protocols (AG-UI, MCP, or A2A).

CopilotKit also provides integrations with many prominent Agent Frameworks (through the AG-UI protocol).

By decoupling from specific frameworks, models, or agent protocols, CopilotKit lets you evolve your AI stack without redesigning your app's UX.

Agentic Backend to Agentic ApplicationAgentic Backend to Agentic Application

Choose your Integration

ADK
A2A
Microsoft Agent Framework
AWS Strands
Direct to LLM
LangGraph
AG2
Agno
CrewAI Crews
CrewAI Flows
LlamaIndex
Mastra
Open Agent Spec
Pydantic AI
ADK
A2A
Microsoft Agent Framework
AWS Strands
Direct to LLM
LangGraph
AG2
Agno
CrewAI Crews
CrewAI Flows
LlamaIndex
Mastra
Open Agent Spec
Pydantic AI

Get Started Now

Quickstart

Start with an LLM
or Agent Framework

CLI

Bootstrap your NextJS
application with CopilotKit
npx copilotkit@latest init

Cloud

Start the easiest way
with our hosted service
Copilot Cloud

CopilotKit Features

Everything you need to build interactive, agent-powered applications

Generative UI

Render state, progress, outputs, and tool calls with custom UI components in real-time. Bridges the gap between AI agents and user interfaces.

Learn more →

Live demo

Human in the Loop

Empower users to guide agents at key checkpoints. Combine the best of AI and human judgment for more reliable and controllable agent behavior.

Learn more →

Live demo

Shared State

Keep your agent and your app in sync. Your agent can see everything in your app, and your app can react to your agent in real-time.

Learn more →

Live demo

And More

Agentic Chat UI

Build conversational AI interfaces with built-in chat components.

Custom Look and Feel

Customize the look, feel, and functionality of CopilotKit's UI components.

Copilot Suggestions

Auto-generate contextual suggestions based on real-time application state.

Frontend Actions

Let agents interact with and control your frontend application.

Backend Actions

Connect your agents to backend services and APIs.

Headless UI

Fully customize your Copilot's UI from the ground up using headless UI.

Observability

Monitor your CopilotKit application with comprehensive observability hooks.

Inspector

Debug and inspect your CopilotKit application in real-time.

Live Demos

Explore different types of agentic applications built with CopilotKit and AI agents

SaaS Copilot

A traditional SaaS application enhanced with AI agents. These copilots integrate seamlessly into existing workflows, providing intelligent assistance for specific business processes. Perfect for customer service, sales automation, project management, and domain-specific tasks where users need guided, step-by-step AI assistance.

Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
LLM Quickstart