showcase/shell/public/designs/front-door-v1.html
Answer a few quick questions and we'll recommend the right starting point for your project.
Step 1 of 3
What are you building?
💬
Add an AI chat to my existing app
🤖
Build something where an agent drives the UX
🔌
I already have an agent framework, need a frontend
🧪
Show me what's possible
Step 2 of 3
What's your agent stack?
🐍
LangGraph, Mastra, CrewAI, PydanticAI, etc.
📘
LangGraph.js, Mastra, Vercel AI SDK, etc.
☁️
Google ADK, AWS Strands, Azure, etc.
🤷
Help me choose
Step 3 of 3
What features matter most?
🎨
Agent generates interactive components
🔄
Agent and UI read/write the same state
✋
User approves agent actions before execution
🏃
Live token streaming, state updates, sub-agents
⚡
Show me the full-featured setup
Best match
Full-featured integration with generative UI, shared state, HITL, streaming, and sub-agents. The most complete package we offer.
Launch the Beautiful Chat demo
Get running in 5 minutes
npx create-copilotkit@latest
Explore every feature
← Start over
CopilotKit Showcase
Browse capabilities, see which frameworks support them, and try live demos instantly.
⌕
AllChat & UIGenerative UIAgent StateInteractivityMulti-AgentPlatform
💬
Natural conversation with frontend tool execution. The agent calls your UI functions directly.
LangGraphMastraCrewAI+10 more
🎨
Agent generates interactive React components on the fly. Tool-based, controlled, or fully agent-driven.
LangGraphMastraPydanticAI+8 more
✋
Agent proposes actions, user approves or rejects before execution. Plan-and-confirm workflows.
LangGraphMastraGoogle ADK+9 more
🔄
Agent and UI read and write the same state. Real-time collaboration between human and agent.
LangGraphMastra+6 more
⚡
Per-token state delta streaming from agent to UI. Live-updating previews and predictive rendering.
LangGraphMastra+5 more
🧩
Multiple agents working together with visible task delegation. Each sub-agent streams independently.
LangGraphLangGraph TS+2 more
🔧
Backend agent tools rendered as UI components. Visualize what the agent is doing as it works.
LangGraphMastraCrewAI+9 more
🔌
Connect MCP servers to your agent. Tools discovered and executed with full UI display.
LangGraphMastraCrewAI+8 more
🗣️
Real-time voice interaction with your agent. Talk instead of type, hear instead of read.
Coming soon
Toggle the features you need. We'll show you which integrations match and how well.
Language
🐍Python
📘TypeScript
🔷.NET
Core Features
💬Chat
🎨Generative UI
✋Human in the Loop
🔄Shared State
⚡State Streaming
Advanced
🧩Sub-Agents
🔌MCP Apps
🗣️Voice
📱Mobile
🔐Authentication
4 of 26 match
100% 🔗
Agent Framework
ChatGen UIPython
100% ✨
Agent Framework
ChatGen UIPython
67% 🧠
Agent Framework
ChatGen UIPython
67% ☁️
Enterprise Platform
ChatGen UIPython