# 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.

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

### 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