<div align=center> <img width="120" height="120" alt="FavIcon" src="https://github.com/user-attachments/assets/779de607-2b8d-4751-872b-1243e97c7d18" />

CopilotKit

<div align=center>

Docs · Examples · Copilot Cloud · Discord

</div>

Build agent-native applications with interactive UI, shared state, and human-in-the-loop workflows.

</div>

<div align="center" style="display:flex;justify-content:start;gap:16px;height:20px;margin: 0;"> <a href="https://www.npmjs.com/package/@copilotkit/react-core" target="_blank"> <img src="https://img.shields.io/npm/v/%40copilotkit%2Freact-core?logo=npm&logoColor=%23FFFFFF&label=Version&color=%236963ff" alt="NPM"> </a> <a href="https://github.com/copilotkit/copilotkit/blob/main/LICENSE" target="_blank"> <img src="https://img.shields.io/github/license/copilotkit/copilotkit?color=%236963ff&label=License" alt="MIT"> </a> <a href="https://discord.gg/6dffbvGU3D" target="_blank"> <img src="https://img.shields.io/discord/1122926057641742418?logo=discord&logoColor=%23FFFFFF&label=Discord&color=%236963ff" alt="Discord"> </a> </div> <br/> <div> <a href="https://www.producthunt.com/posts/copilotkit" target="_blank"> </a> <div /> <div align="center"> <a href="https://trendshift.io/repositories/5730" target="_blank"><img src="https://trendshift.io/api/badge/repositories/5730" alt="CopilotKit%2FCopilotKit | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/> </a> <a href="https://www.producthunt.com/posts/copilotkit" target="_blank"> <img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=428778&theme=light&period=daily"> </a> </div>

---

What is CopilotKit

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

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/de5bcc17-1b51-4092-9a85-42971ecc1f4c

Features:

• Chat UI – A React-based 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 reque...