CopilotKit

Overview

CopilotKit is an enterprise-ready frontend stack designed to bring users and AI agents together inside real applications. It provides a general-purpose, bi-directional connection between user-facing applications and any agentic backend, based on the AG-UI (Agent-User Interaction) protocol. With CopilotKit, developers can integrate LLMs or agents directly into their products with real-time context, UI control, and full flexibility.

The platform enables the creation of rich agentic applications that learn from every interaction. It supports fully self-hosted or cloud deployment, ensuring data ownership and security. CopilotKit offers first-party integrations with leading agent stacks such as Claude Agent SDK, OpenAI Agents SDK, LangChain, Google ADK, and Mastra, alongside support for multiple frontends including React, Slack, Teams, iOS, Android, and WhatsApp. Its core capabilities include fully headless chat UI or customizable pre-built components, generative UI built from your own components, human-in-the-loop approval workflows, frontend tools that let agents call application code, user auth integration, and realtime shared state management.

CopilotKit is built to scale with your organization and is trusted by the majority of the Fortune 500 and Global 50 companies. It provides ready-made templates for top use cases such as company knowledge bases, SaaS product agents, Slack/Teams messaging agents, and customer support systems. By using CopilotKit, every action is on the record and fully auditable, while the agent improves continuously from user interactions. The company behind CopilotKit also created AG-UI, the protocol that the ecosystem already runs on, making CopilotKit a standard layer for agentic applications.

Core capabilities

AG-UI Protocol

A general-purpose, bi-directional connection between user-facing applications and any agentic backend, enabling seamless interoperability across frameworks.

Chat UI

Fully headless chat interface or customizable pre-built components, allowing complete styling control or quick deployment with minimal code.

Generative UI

Render dynamic interfaces from your own React components, driven by LLM outputs, such as charts, forms, and cards that reflect your design system.

Human-in-the-loop

Built-in approval and user feedback mechanisms let agents pause for human decisions before executing critical actions.

Frontend Tools

Agents can directly call application code through registered tools, enabling actions like opening an order, selecting records, or performing in-app mutations.

User Auth Integration

Agent routing and configuration can be tied to user authentication, ensuring secure and personalized agent behavior.

Realtime Shared State

Read/write and read-only access to agent state, syncing changes across devices and users in real time.

Multi-channel Support

Connect a single agent to multiple surfaces including React, Slack, Teams, iOS, Android, and WhatsApp, plus more via integrations.

Framework Integrations

First-party support for leading agent stacks such as Claude Agent SDK, OpenAI Agents SDK, LangChain, Google ADK, AWS Strands, and Mastra.

Self-hostable and Scalable

Fully self-hosted or cloud deployment options, built to scale with your organization and preserve data ownership.

Use cases

Company knowledge base: Create a deep agent over docs, wikis, chat threads, tickets, and CRM data that anyone in the org can query and analyze.

SaaS product agent: Embed a sophisticated agent inside your app that knows your product and takes complex actions with generative UI.

Slack/Teams messaging agents: Bring an agent to team channels with full company context and per-workspace learning.

Customer support automation: Resolve issues end to end with handoff to humans when needed, while learning from every ticket.

Data analysis and reporting: Ask natural-language questions about company data, get charts and summaries, and drill down interactively.

Approval workflows: Use human-in-the-loop to let agents initiate actions that require manager approval, syncing across devices.