Find your perfect integration

Answer a few quick questions and we'll recommend the right starting point for your project.

Step 1 of 3
What are you building?
๐Ÿ’ฌ

Chat interface

Add an AI chat to my existing app

๐Ÿค–

Agent-powered app

Build something where an agent drives the UX

๐Ÿ”Œ

Connect my existing agent

I already have an agent framework, need a frontend

๐Ÿงช

Just exploring

Show me what's possible

Step 2 of 3
What's your agent stack?
๐Ÿ

Python

LangGraph, Mastra, CrewAI, PydanticAI, etc.

๐Ÿ“˜

TypeScript / JavaScript

LangGraph.js, Mastra, Vercel AI SDK, etc.

โ˜๏ธ

Cloud platform

Google ADK, AWS Strands, Azure, etc.

๐Ÿคท

Haven't decided yet

Help me choose

Step 3 of 3
What features matter most?
๐ŸŽจ

Generative UI

Agent generates interactive components

๐Ÿ”„

Shared state

Agent and UI read/write the same state

โœ‹

Human in the loop

User approves agent actions before execution

๐Ÿƒ

Streaming & real-time

Live token streaming, state updates, sub-agents

โšก

All of the above

Show me the full-featured setup

Best match

LangGraph + CopilotKit

Full-featured integration with generative UI, shared state, HITL, streaming, and sub-agents. The most complete package we offer.

โ–ถ Try it live

Launch the Beautiful Chat demo

๐Ÿ“– Quickstart guide

Get running in 5 minutes

๐Ÿ’ป Clone starter

npx create-copilotkit@latest

๐ŸŽฏ All 9 demos

Explore every feature

CopilotKit Showcase

What do you want
your agent to do?

Browse capabilities, see which frameworks support them, and try live demos instantly.

๐Ÿ’ฌ

Agentic Chat

Natural conversation with frontend tool execution. The agent calls your UI functions directly.

LangGraph Mastra CrewAI +10 more
๐ŸŽจ

Generative UI

Agent generates interactive React components on the fly. Tool-based, controlled, or fully agent-driven.

LangGraph Mastra PydanticAI +8 more
โœ‹

Human in the Loop

Agent proposes actions, user approves or rejects before execution. Plan-and-confirm workflows.

LangGraph Mastra Google ADK +9 more
๐Ÿ”„

Shared State

Agent and UI read and write the same state. Real-time collaboration between human and agent.

LangGraph Mastra +6 more
โšก

State Streaming

Per-token state delta streaming from agent to UI. Live-updating previews and predictive rendering.

LangGraph Mastra +5 more
๐Ÿงฉ

Sub-Agents

Multiple agents working together with visible task delegation. Each sub-agent streams independently.

LangGraph LangGraph TS +2 more
๐Ÿ”ง

Tool Rendering

Backend agent tools rendered as UI components. Visualize what the agent is doing as it works.

LangGraph Mastra CrewAI +9 more
๐Ÿ”Œ

MCP Apps

Connect MCP servers to your agent. Tools discovered and executed with full UI display.

LangGraph Mastra CrewAI +8 more
๐Ÿ—ฃ๏ธ

Voice

Real-time voice interaction with your agent. Talk instead of type, hear instead of read.

Coming soon

Build your stack

Toggle the features you need. We'll show you which integrations match and how well.

๐ŸPython
๐Ÿ“˜TypeScript
๐Ÿ”ท.NET
๐Ÿ’ฌChat
๐ŸŽจGenerative UI
โœ‹Human in the Loop
๐Ÿ”„Shared State
โšกState Streaming
๐ŸงฉSub-Agents
๐Ÿ”ŒMCP Apps
๐Ÿ—ฃ๏ธVoice
๐Ÿ“ฑMobile
๐Ÿ”Authentication

Matching integrations

4 of 26 match
100%

LangGraph (Python)

Agent Framework
Chat Gen UI Python
100%

Mastra

Agent Framework
Chat Gen UI Python
67%

PydanticAI

Agent Framework
Chat Gen UI Python
67%

Google ADK

Enterprise Platform
Chat Gen UI Python