Skip to main content

​
Welcome to CopilotKit

CopilotKit is a best-in-class framework for building full-stack agentic applications with Generative UI and chat interfaces. We’re the company behind the AG-UI Protocol, adopted by Google, LangChain, AWS, Microsoft, and more.

Quick Start

Get up and running with CopilotKit in minutes

Core Concepts

Learn about the architecture and key concepts

API Reference

Explore the complete API documentation

Examples

Browse real-world examples and use cases

​
What is CopilotKit?

CopilotKit connects your UI, agents, and tools into a single interaction loop, enabling:
  • Chat UI – React and Angular components with message streaming, tool calls, and agent responses
  • Generative UI – Agents can generate and update UI components dynamically at runtime
  • Shared State – A synchronized state layer that both agents and UI components can read from and write to
  • Human-in-the-Loop – Agents can pause execution to request user input, confirmation, or edits
  • Multi-Framework Support – Works with React, Angular, and Vanilla JavaScript

​
Key Features

AG-UI Protocol

Standardized event-based communication between agents and UI

Backend Tool Rendering

Agents can call backend tools that return UI components

Voice Input

Built-in voice transcription support for hands-free interaction

Multi-Agent

Support for multiple agents with scoped tools and state

Framework Integration

Works with LangGraph, CrewAI, or custom agent implementations

Type-Safe

Full TypeScript support with excellent type inference

​
Three-Layer Architecture

CopilotKit is built on a three-layer architecture that cleanly separates concerns: 
Frontend (React/Angular/Vanilla)  →  Runtime (Express/Hono)  →  Agent (LangGraph/CrewAI/Built-in)
All layers communicate via the AG-UI protocol — an event-based standard streamed over Server-Sent Events (SSE).
The AG-UI protocol is an open standard that enables any agent framework to communicate with any UI framework. Learn more in the AG-UI Protocol documentation.

​
Installation

Get started quickly with the CopilotKit CLI: 
npx copilotkit@latest create -f <framework>
Or add to an existing project: 
npx copilotkit@latest init

​
Next Steps

Quickstart Guide

Build your first CopilotKit application in 5 minutes

Installation Guide

Detailed installation and setup instructions

Architecture Overview

Understand how CopilotKit works under the hood

React Hooks

Learn about the React hooks for building agent UIs

​
Community and Support

GitHub

View source code and contribute

Discord

Join our community for help and discussions

X (Twitter)

Follow us for updates and news

Build docs developers (and LLMs) love

Get started for freeTalk to us