CopilotKit
A TypeScript toolkit for building chat and generative UI on top of AI agents in web, mobile, and chat apps.
- Stars
- 38.5k
- Forks
- 4.8k
- Licence
- MIT
- Language
- TypeScript
- Last update
- 4 days ago
- Type
- Library
What it is
CopilotKit is an SDK for building applications where AI agents interact with users through a interface. It provides pieces such as a chat UI, shared state between agents and components, generative UI that agents can render at runtime, and human-in-the-loop prompts that pause an agent for user input. The README says the same agent can be served to React, Angular, Vue, React Native, and Slack or Microsoft Teams. The project is maintained by the company behind the AG-UI Protocol.
- Add a streaming chat panel with tool-call display to an existing web app
- Let an agent render a custom UI component, such as a form or card, inside the chat
- Pause an agent workflow to request user confirmation before it takes an action
- Connect one agent to Slack or Microsoft Teams channels using the Channels documentation
Great for
- Developers adding an AI assistant or agent interface to a React or Next.js app
- Teams who want one agent backend to serve a web app, a mobile app, and Slack or Teams
- Projects that need agents to ask users for confirmation or edits before continuing
- Developers building chat interfaces that render custom UI components from tool calls
Not ideal for
- Non-developers looking for a ready-made app; the README targets people writing code
- Projects that do not use JavaScript or TypeScript frontends, since the listed frameworks are JS-based
- Teams who want a fully self-contained product without integrating an agent framework of their own
How to get it
- 1
Install with a package manager
You'll need: Node.js (version not stated in the README excerpt) · An existing or new JavaScript/TypeScript project
Set up with your coding agent (run from your project root)
npx --yes copilotkit@latest onboard startInstall agent skills for your coding agent
npx copilotkit@latest skills installScaffold a new project in its own directory
npx copilotkit@latest create - 2
Run it
- Run the onboarding command from your project root and follow its instructions
- Or scaffold a fresh project with the create command in a new directory
- Open the Quickstart in the docs for your framework to wire up the chat component
- Start your app with your framework's normal dev command
- 3
Get the most out of it
- Install the agent skills so your coding agent can help build features and debug issues
- Use Generative UI and Backend Tool Rendering so agents return real components instead of only text
- Use Shared State so agents and UI components read and write the same data
- Use Human-in-the-Loop to add confirmation steps before sensitive actions
- Explore the Channels documentation to connect one agent to Slack or Microsoft Teams
Downloads
Strengths
- Covers several frontends (React, Angular, Vue, React Native) and chat channels from one agent backend, per the README
- Built on the AG-UI Protocol, which the README says is adopted by several large framework vendors
- Permissive MIT license with an active repository and a large star count
Trade-offs
- The README is partly a marketing overview; several features (Channels for Discord/WhatsApp, Vue quickstart) are listed as coming soon or only partly supported
- Some advanced features (rich threads, memories, analytics) belong to a separate hosted or self-hosted product called CopilotKit Intelligence, which may have its own plans
- Setup depends on your agent framework and frontend stack, so the learning curve is non-trivial
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| CopilotKit (this) | 38.5k | Library | intermediate | 4 days ago | Developers adding an AI assistant or agent interface to a React or Next.js app |
| langgraph | 44.3k | Library | intermediate | 4 days ago | Python developers building multi-step AI agents that must survive failures or long waits |
| assistant-ui | 12.9k | Library | intermediate | 4 days ago | React or Next.js developers adding an AI chat panel to an existing app |
| tambo | 11.2k | Library | intermediate | 5 days ago | React developers who want an AI chat to show charts, forms, or boards instead of only text |
| ai-pdf-chatbot-langchain | 16.6k | App | intermediate | 7 months ago | Developers learning how LangGraph ingestion and retrieval graphs fit together |
| openui | 14.7k | Framework | intermediate | 4 days ago | Developers adding AI-generated charts, forms, or tables to a web app |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.