Every developer has tried to bolt an AI chatbot onto their app. Most fail because the AI doesn't understand the app state. CopilotKit just solved this with 30,422 stars on GitHub.
The Problem
Traditional chatbots are blind. They can't see your form fields, your spreadsheet data, your dashboard state. You end up with an AI that gives generic advice while your user struggles with actual problems.
CopilotKit's approach is different: Shared State. The AI sees what the user sees. It can read form values, modify spreadsheet cells, update dashboard filters. No more generic responses.
Technical Architecture
- Framework: React/Next.js, with Angular support
- LLM Support: OpenAI default, any model via BYOK
- Protocol: AG-UI (Agent-User Interaction Protocol) - an open standard CopilotKit created
- Key Features: Generative UI (3 types), Human-in-the-Loop, Backend Tool Rendering
Generative UI Types
- Rendered Intermediates: AI renders components during execution
- Dynamic UI: UI updates based on agent reasoning
- User-Interactive: Users can edit/confirm AI-generated content
This beats Vercel AI SDK's single streamUI approach. LangChain doesn't even have Generative UI.
The AG-UI Protocol
This is the real innovation. CopilotKit created an open protocol for agent-human interaction that's now adopted by:
- Google ADK
- AWS Bedrock AgentCore
- Microsoft Agent Framework
- LangGraph
- CrewAI
- Mastra
- PydanticAI
MCP gives agents tools. A2A lets agents talk to agents. AG-UI brings agents into user-facing apps.
Competitor Comparison
| Feature | CopilotKit | Vercel AI SDK | LangChain |
|---|---|---|---|
| Generative UI | YES (3 types) | YES (streamUI) | NO |
| Human-in-the-Loop | YES | YES | YES |
| Shared State | YES | NO | NO |
| Protocol Standard | YES (AG-UI) | NO | NO |
| Partnership Ecosystem | YES | NO | NO |
Community Sentiment
Hacker News launch post: 197 points, 67 comments. Developers praised the quick integration: "Pretty cool tech!" and asked about React Native support.
Reddit's r/reactjs discussion on Generative UI libraries: One developer noted "Tool calls are where I'd put my bets long-term. The latency between tool execution and UI rendering is real but it mirrors how function calling works in the model, so it's predictable." Another warned about JSON-based approaches: "LLMs are inconsistent with schema adherence, especially in streaming mode." The community sentiment runs 70-80% positive.
Quick Start
# New project
npx copilotkit@latest create -f nextjs
# Existing project
npx copilotkit@latest init
# AG-UI app
npx create-ag-ui-app my-agent-app
Use Cases
- Form filling copilots (AI-assisted form completion)
- Spreadsheet operations (append data dynamically)
- Email drafting (human-in-the-loop approval)
- Customer support augmentation
The Bottom Line
CopilotKit isn't just another chatbot wrapper. It's a framework that lets AI actually work with your app state, render UI components, and participate in the user workflow. The AG-UI protocol adoption by Google, AWS, and Microsoft signals this might become the standard for agent-human interaction.
If you're building an AI-powered app, this is worth a serious look.
https://github.com/CopilotKit/CopilotKit https://docs.copilotkit.ai https://ag-ui.com