showcase/shell/public/designs/stack-v2.html
System map
From frontend surfaces through agent infrastructure to model providers, this keeps the whole system readable in a calmer CopilotKit treatment rather than a dark neon diagram.
product framing
ui + runtime
single-file asset
Frontend Platform
Where your UI runs
Web
React
Angular
Svelte
Vue
TanStack
Native
React Native
SwiftUI
Android
Messaging
Slack
Teams
Chat UI
Pre-built to headless
Opinionated
Full control
CopilotChat
CopilotSidebar
CopilotPopup
CSS Variables
Slots
Custom Sub-Components
Headless (useAgent)
Generative UI
Controlled to open
More control
More freedom
Controlled
Tool-Based
Agentic
Interrupt-Based
Declarative (BYOC)
A2UI
Hashbrown
JSON Render
OpenGenUI
Tambo
Open
Fully Agent-Generated
MCP Apps
Interaction Patterns
How users and agents collaborate
Human in the Loop
Frontend Tools
Tool Rendering
Readables
Agent Context
Suggestions
Voice
Multi-modal
State Sync
Shared state between UI and agent
State Reading
State Writing
State Streaming
I/O Schemas
State Rendering
Runtime, SDK, and UI bindings
Agent to UI interop standard
Agent Frameworks
Libraries you write agent code with
Agent to Agent
A2A
Open Agent Spec
Agents communicate with each other.
LangGraph
Mastra
CrewAI
PydanticAI
AG2
Agno
LlamaIndex
Langroid
AWS Strands
Spring AI
MAF
Agent to Tools
MCP
Agents discover and call external tools.
Agent Platforms
Where you deploy and run your agents
LangSmith / LangGraph Cloud
AWS Agent Core
Google Vertex AI
Azure AI Foundry
Cloudflare Workers
Vercel
Render / Railway / Fly
LLM Providers
The models powering your agents
OpenAI
Anthropic
AWS Bedrock
Azure OpenAI
Groq
Ollama
Any OpenAI-compatible