CopilotKit/CopilotKit
The Frontend Stack for Agents & Generative UI. React + Angular. Makers of the AG-UI Protocol
CopilotKit is an open-source React and Angular framework for adding AI copilots, chatbots, and agent-driven generative UI directly into your app. It connects your frontend to agents built with frameworks like LangGraph and CrewAI, and its team created the AG-UI protocol for agent-UI communication.
Our Review
CopilotKit has 31,000 GitHub stars as the go-to way to put an agent's interface inside a React app, rather than bolting on a generic chat box. Its components render generative UI (forms, suggestions, and actions an agent controls), and the same team authored AG-UI, an emerging standard for how agents and frontends talk.
What CopilotKit does:
- •In-app copilots drop a chat sidebar, popup, or inline assistant into a React or Angular app with prebuilt components.
- •Generative UI let an agent render real interface elements (forms, buttons, cards) and act on them, beyond plain text replies.
- •Frontend actions expose your app's functions to the agent so it can take real actions in the UI.
- •Agent framework integrations connect to LangGraph, CrewAI, and other backends so your existing agents get a UI.
- •AG-UI protocol an open standard, created by the CopilotKit team, for streaming state and events between agents and the frontend.
- •Open source and self-hostable MIT-licensed components you run in your own app, with an optional cloud.
Getting started:
Install with npm install @copilotkit/react-core @copilotkit/react-ui, wrap your app in the provider, point it at your agent or an LLM, and add a Copilot component. Docs at docs.copilotkit.ai.
Limitations:
CopilotKit is a frontend framework for React and Angular, so it does not help with the agent logic itself; you still build or connect a backend agent. It is a developer tool, not a no-code builder. As a fast-moving project with frequent releases, APIs and the AG-UI protocol are still evolving. Generative UI is powerful but adds complexity over a plain chat box, so simple use cases may not need it.
Our Verdict
CopilotKit is the leading open-source choice in 2026 for building the user-facing side of AI agents in a React or Angular app. If you want more than a floating chat box, say an agent that fills forms, suggests actions, and updates the UI, CopilotKit gives you those building blocks, with 31,000 stars and an MIT license.
For developers, CopilotKit handles the hard frontend parts: streaming responses, generative UI components, and exposing your app's actions to an agent. It connects to agent backends like LangGraph and CrewAI through the team's AG-UI protocol, so you can pair a serious agent framework with a polished interface.
Skip CopilotKit if you only need a basic chat widget; a simpler component or a hosted widget is faster. If you are not building in React or Angular, it will not fit your stack, and you would pair your agent framework with a different UI layer.
Frequently Asked Questions
What is CopilotKit?
CopilotKit is an open-source framework for React and Angular that lets you build AI copilots, chatbots, and agent-driven generative UI inside your application. It provides prebuilt components for chat and inline assistants, a way to expose your app's actions to an agent, and integrations with agent backends. Its team also created the AG-UI protocol.
Is CopilotKit free and open source?
Yes. CopilotKit is released under the MIT license and is free and open source as of 2026. The React and Angular components cost nothing to use in your own app. CopilotKit also offers an optional cloud and paid features for production scale, but the core framework is free and self-hostable.
What is generative UI in CopilotKit?
Generative UI means an AI agent renders and controls real interface elements, not only text. With CopilotKit, an agent can display forms, buttons, cards, and custom React components, and respond to the user interacting with them. As of 2026 this lets a copilot do things in your app, rather than only answering questions in a chat bubble.
Does CopilotKit work with LangGraph and CrewAI?
Yes. CopilotKit is designed to connect a frontend to agent backends, and it integrates with frameworks like LangGraph and CrewAI through the AG-UI protocol its team created. That means you can keep your agent logic in a dedicated framework and use CopilotKit purely for the user interface, streaming state and events between the two as of 2026.
What is the AG-UI protocol?
AG-UI is an open protocol, created by the CopilotKit team, that standardizes how AI agents and a frontend communicate. It streams agent state, messages, and tool events to the UI so the interface stays in sync with what the agent is doing. As of 2026 it lets different agent frameworks plug into compatible front ends.
How do I install CopilotKit?
Visit the GitHub repository at https://github.com/CopilotKit/CopilotKit for installation instructions.
What license does CopilotKit use?
CopilotKit uses the MIT license.
What are alternatives to CopilotKit?
Explore related tools and alternatives on My AI Guide.
Open source & community-verified
MIT licensed: free to use in any project, no strings attached. 31,930 developers have starred this, meaning the community has reviewed and trusted it.
Reviewed by My AI Guide for relevance, quality, and active maintenance before listing.
Topics