CopilotKit

Sat, 06 Jun 2026 17:35:57 +0800

CopilotKit/CopilotKit

CopilotKit

Docs · Examples · Enterprise Intelligence Platform · Discord

Build agent-native applications — on any framework, on any surface.

Generative UI, shared state, and human-in-the-loop workflows for React, Angular, Vue, React Native — and beyond the browser.

What is CopilotKit

CopilotKit is a best-in-class SDK for building full-stack agentic applications, Generative UI, and chat applications.

What started as a React library is now a multi-platform agentic framework: the same agent can power your web app, your mobile app, and your team’s Slack workspace.

We are the company behind the AG-UI Protocol - adopted by Google, LangChain, AWS, Microsoft, Mastra, PydanticAI, and more!

https://github.com/user-attachments/assets/72b7b4f3-b6e7-460c-a932-5746fe3c8db3

Add AI to your app in 1 minute

Features:

Chat UI – A fully customizable chat interface that supports message streaming, tool calls, and agent responses.
Backend Tool Rendering – Enables agents to call backend tools that return UI components rendered directly in the client.
Generative UI – Allows agents to generate and update UI components dynamically at runtime based on user intent and agent state.
Shared State – A synchronized state layer that both agents and UI components can read from and write to in real time.
Human-in-the-Loop – Lets agents pause execution to request user input, confirmation, or edits before continuing.
Self-Learning (early access) – Agents that continuously improve from user feedback via in-context reinforcement learning (CLHF).

🧩 Works With Your Stack

One agent backend. Every frontend.

Platform	Status	Get Started
⚛️ React / Next.js	✅ GA	Quickstart
🅰️ Angular	✅ Supported	Source Code - Quickstart coming soon
💚 Vue	✅ Supported	Source Code - Quickstart coming soon
📱 React Native	✅ Supported	Quickstart

Your agent logic stays the same — AG-UI handles the wire protocol, CopilotKit handles the UI layer for each framework.

💬 Beyond the Browser: Slack & Microsoft Teams (Discord, Google Chat coming soon…)

Your agents can run and generate Generative UI beyond the web app (Learn more).

CopilotKit now lets you deploy the same agent to the places your users already work:

Slack – Agents as first-class Slack apps: threads, tool calls, and human-in-the-loop approvals right in the channel.
Microsoft Teams – Bring agentic workflows to the enterprise, where your org already lives.

🔒 Early access: We’re onboarding teams now.

👉 Request early access →

🧠 Self-Learning Agents

Improve your procuct by learning over time.

With Continuous Learning from Human Feedback (CLHF), part of the CopilotKit Intelligence Platform, agents improve with every interaction:

In-context reinforcement learning – Agents automatically improve from user interactions, no model fine-tuning required.
Automatic prompt augmentation – Agent behavior adapts based on recent interactions and outcomes.
Per-user adaptation – Agents learn individual preferences and get better for each user over time.
Threads & persistence – Full interaction history — generative UI, human-in-the-loop, shared state — captured across sessions.

Available via CopilotKit Cloud or self-hosted.

🔒 Early access: We’re onboarding teams now.

👉 Request early access →

Quick Start

New projects:

`1`	`npx copilotkit@latest create -f <framework>`

Existing projects:

`1`	`npx copilotkit@latest init`

https://github.com/user-attachments/assets/7372b27b-8def-40fb-a11d-1f6585f556ad

What this gives you:

CopilotKit installed – Core packages are fully set up in your app
Provider configured – Context, state, and hooks ready to use
Agent <> UI connected – Agents can stream actions and render UI immediately
Deployment-ready – Your app is ready to deploy

Complete getting started guide →

How it works:

CopilotKit connects your UI, agents, and tools into a single interaction loop.

This enables:

Agents that ask users for input
Tools that render UI
Stateful workflows across steps and sessions
One agent, deployed across web, mobile, and chat platforms

⭐️ useAgent Hook

The useAgent hook sits directly on AG-UI, giving you full programmatic control over the agent connection.

// Programmatically access and control your agents
const { agent } = useAgent({ agentId: "my_agent" });

// Render and update your agent's state
return <div>
  <h1>{agent.state.city}</h1>
  <button onClick={() => agent.setState({ city: "NYC" })}>
    Set City
  </button>
</div>

Check out the useAgent docs to learn more.

https://github.com/user-attachments/assets/67928406-8abc-49a1-a851-98018b52174f

Generative UI

Generative UI is a core CopilotKit pattern that allows agents to dynamically render UI as part of their workflow.

https://github.com/user-attachments/assets/3cfacac0-4ffd-457a-96f9-d7951e4ab7b6

Compare the Three Types

Explore:

Generative UI educational repo →

🖥️ AG-UI: The Agent–User Interaction Protocol

Connect agent workflows to user-facing apps, with deep partnerships and 1st-party integrations across the agentic stack—including LangChain, CrewAI, Mastra, PydanticAI, and more.

`1`	`npx create-ag-ui-app my-agent-app`

Learn more in the AG-UI README →

🤝 Community

What’s New

Have questions or need help?

Join our Discord →
Read the Docs →
Try the Enterprise Intelligence Platform →

Stay up to date with our latest releases!

🙋🏽‍♂️ Contributing

Thanks for your interest in contributing to CopilotKit! 💜

We value all contributions, whether it’s through code, documentation, creating demo apps, or just spreading the word.

Here are a few useful resources to help you get started:

For code contributions, CONTRIBUTING.md.
For documentation-related contributions, check out the documentation contributions guide.
Want to contribute but not sure how? Join our Discord and we’ll help you out!

Install as a Claude Code plugin

The CopilotKit monorepo doubles as a Claude Code plugin — all 9 skills (3 package meta-skills + 6 lifecycle journey skills) are available once installed.

Add the repo as a Claude Code marketplace:

1
2

claude plugin marketplace add https://github.com/CopilotKit/CopilotKit
claude plugin install copilotkit

Skills are discovered from skills/<slug>/SKILL.md at the repo root. The three package meta-skills (runtime, react-core, a2ui-renderer) are generated mirrors of the source-of-truth files at packages/<pkg>/skills/<pkg>/ — do not edit the mirror directly. To update content, edit the source under packages/*/skills/ and run:

`1`	`pnpm sync:plugin-skills`

A lefthook pre-commit check (pnpm check:plugin-skills) rejects commits that drift the mirror. The plugin version is pinned to packages/runtime/package.json and is also kept in sync by the same script.

Skill inventory

Slug	Type	Source
`runtime`	core	`packages/runtime/skills/runtime/`
`react-core`	framework	`packages/react-core/skills/react-core/`
`a2ui-renderer`	framework	`packages/a2ui-renderer/skills/a2ui-renderer/`
`0-to-working-chat`	lifecycle	`skills/0-to-working-chat/`
`spa-without-runtime`	lifecycle	`skills/spa-without-runtime/`
`go-to-production`	lifecycle	`skills/go-to-production/`
`scale-to-multi-agent`	lifecycle	`skills/scale-to-multi-agent/`
`v1-to-v2-migration`	lifecycle	`skills/v1-to-v2-migration/`
`debug-and-troubleshoot`	lifecycle	`skills/debug-and-troubleshoot/`

📄 License

This repository’s source code is available under the MIT License.

Generative UI on Producthunt daily

CopilotKit

CopilotKit/CopilotKit

CopilotKit

What is CopilotKit

🧩 Works With Your Stack

💬 Beyond the Browser: Slack & Microsoft Teams (Discord, Google Chat coming soon…)

🧠 Self-Learning Agents

Quick Start

New projects:

Existing projects:

How it works:

⭐️ useAgent Hook

Generative UI

Compare the Three Types

Explore:

🖥️ AG-UI: The Agent–User Interaction Protocol

🤝 Community

Have questions or need help?

Stay up to date with our latest releases!

🙋🏽‍♂️ Contributing

Install as a Claude Code plugin

Skill inventory

📄 License