Feature Matrix

connectingShow deprecated (6)Show unique (8)

40 features × 21 integrations (10 hidden).

Feature	LangGraph (Python) python … loading	LangGraph (TypeScript) typescript … loading	LangGraph (FastAPI) python … loading	Google ADK python … loading	MS Agent Framework (Python) python … loading	MS Agent Framework (.NET) dotnet … loading	MS Agent Harness (.NET) dotnet … loading	AWS Strands (Python) python … loading	AWS Strands (TypeScript) typescript … loading	Mastra typescript … loading	CrewAI Flows python … loading	CrewAI Conversational Flows python … loading	PydanticAI python … loading	Claude Agent SDK (Python) python … loading	Claude Agent SDK (TypeScript) typescript … loading	Agno python … loading	AG2 python … loading	LlamaIndex python … loading	Spring AI java … loading	Langroid python … loading	CopilotKit's Built-in Agent typescript … loading

CLI Start Commanddocs-only	`npx copilotkit@latest init --framework langgraph-python`	`npx copilotkit@latest init --framework langgraph-typescript`	`npx copilotkit@latest init --framework langgraph-fastapi`	`npx copilotkit@latest init --framework google-adk`	`npx copilotkit@latest init --framework ms-agent-python`	`npx copilotkit@latest init --framework ms-agent-dotnet`	`npx copilotkit@latest init --framework ms-agent-harness-dotnet`	`npx copilotkit@latest init --framework strands`	`npx copilotkit@latest init --framework strands-typescript`	`npx degit CopilotKit/CopilotKit/showcase/integrations/mastra my-copilotkit-app`	`npx copilotkit@latest init --framework crewai-crews`	`npx copilotkit@latest init --framework flows`	`npx copilotkit@latest init --framework pydantic-ai`	`npx copilotkit@latest init --framework claude-sdk-python`	`npx copilotkit@latest init --framework claude-sdk-typescript`	`npx copilotkit@latest init --framework agno`	`npx copilotkit@latest init --framework ag2`	`npx copilotkit@latest init --framework llamaindex`	`npx copilotkit@latest init --framework spring-ai`	`npx copilotkit@latest init --framework langroid`	`npx copilotkit@latest init --framework built-in-agent`
Beautiful Chat	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Pre-Built: CopilotChat	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Pre-Built: Sidebar	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Pre-Built: Popup	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Chat Customization: Slots	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Chat Customization: CSS	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Headless UI: Simple	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Headless UI: Complete	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Authentication	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Agent Config Object	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Voice	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Attachments	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Generative UI: useComponent	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Human In the Loop: In-chat	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Human in the Loop: Interrupts	🚫	🚫	🚫	Demo ↗Code </>	🚫	🚫	🚫	🚫	🚫	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫
Human in the Loop: Headless Interruptstesting	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫	🚫

Declarative UI: Dynamic A2UI	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Declarative UI: Fixed A2UI	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
A2UI Error Recovery	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	Demo ↗Code </>	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	✗	✗	✗	✗	✗	Demo ↗Code </>

MCP Apps	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	Demo ↗Code </>
Open Generative UI: Default	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Open Generative UI: Custom	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Generative UI: Tool Rendering (Default)	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Generative UI: Tool Rendering (Custom default)	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Generative UI: Tool Rendering (Specific)	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Generative UI: Rendering multiple toolstesting	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	🚫	🚫	🚫	🚫
Reasoning: Default	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	Demo ↗Code </>	✗	✗	Demo ↗Code </>
Reasoning: Custom	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	Demo ↗Code </>	✗	✗	Demo ↗Code </>
Generative UI: Agent State	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Frontend Tools: In-app Actions	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Frontend Tools: Async	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>
Human in the Loop: In-app	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Shared State: Read + Write	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	Demo ↗Code </>
Shared State: Read-onlytesting	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	✗	✗	Demo ↗Code </>
Shared State: Streaming	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	🚫	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	🚫	Demo ↗Code </>	Demo ↗Code </>	🚫	🚫	🚫	Demo ↗Code </>	🚫	🚫
Shared State: Frontend Context	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Sub-Agents	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>

Declarative UI: Hashbrown	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	✗	Demo ↗Code </>
Declarative UI: json-render	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	Demo ↗Code </>	Demo ↗Code </>	✗	✗	✗	Demo ↗Code </>	✗	Demo ↗Code </>

Health	?	?	?	?	?	?	🚫	?	🚫	?	?	🚫	?	🚫	🚫	?	🚫	?	🚫	🚫	🚫
Agent	?	?	?	?	?	?	🚫	?	🚫	?	?	🚫	?	🚫	🚫	?	🚫	?	🚫	🚫	🚫
Chat	?	?	?	?	?	?	🚫	?	🚫	?	?	🚫	?	🚫	🚫	?	🚫	?	🚫	🚫	🚫
Interaction	?	?	?	?	?	?	🚫	?	🚫	?	?	🚫	?	🚫	🚫	?	🚫	?	🚫	🚫	🚫

Demo ↗open hosted preview

Code </>open source

L1-L4 Stripper-integration health levels shown in column header

HealthGET /api/health returns 200 OK with JSON body

D2API (HTTP): backend service is up and HTTP-reachable

D3UI (Frontend): demo page renders in browser (Playwright)

D4BE (Agent): single message round-trip — agent processes a chat message end-to-end

D5Single Pill (1P): one scripted conversation from the canonical aimock fixture set; D6 runs all pills

D6Parity (Reference): full all-pills run verified against the reference integration

▼depth regression from previous run

D4 ✓/~/✗round-trip check (green <1h / amber stale / red fail)

D5/D5/D5single-pill check (green pass / amber stale / red fail)

D6/D6/D6parity check (green pass / amber stale / red fail)

?probe has not yet ticked since deploy

—supported, no demo yet

testingrows are muted & hide docs (primary feature = has docs)

✗not supported