A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
  • Getting Started
  • Introduction to CopilotKit
  • LLM Quickstart
  • Agent Quickstart
  • Vibe Coding MCP
  • What's New
  • CopilotKit Features
  • Agentic Chat UI
  • Copilot Suggestions
  • Human in the Loop (HITL)
  • Generative UI
  • Frontend Actions
  • Backend Actions
  • Shared State
  • Premium Features
  • CopilotKit Premium
  • Fully Headless UI
  • Observability
  • Inspector
  • Agentic Protocols
  • Agentic Protocols
  • AG-UI (Agents<->Users)
  • MCP (Agents<->Tools)
  • A2A (Agents<->Agents)
  • Generative UI Specs
  • Generative UI Specs
  • A2UI
  • Open-JSON-UI
  • MCP-UI
  • Learning
  • Tutorial: AI Todo App
  • Tutorial: AI Travel App
  • Video: Research Canvas
  • Cookbook: State Machine
  • Troubleshooting
  • Error Debugging
  • Error Observability Connectors
  • Common Copilot Issues
  • Migrate to 1.10.X
  • Migrate to 1.8.2
  • Other
  • Integrations
  • ADK
  • A2A
  • Microsoft Agent Framework
  • AWS Strands
  • Direct to LLM
  • LangGraph
  • AutoGen2
  • Agno
  • CrewAI Crews
  • CrewAI Flows
  • LlamaIndex
  • Mastra
  • Open Agent Spec
  • Pydantic AI

Customize UI

Customize the look, feel, and functionality of CopilotKit's UI components.

CopilotKit offers a variety of ways to create a UI interface for your Copilots and CoAgents. This ranges from using our built-in UI components to fully customizing the UI with headless UI.

Prebuilt Copilot UI

Get started quickly with CopilotKit's ready-to-use UI components.

Styling Copilot UI

Customize the appearance of CopilotKit's pre-built components with your own styles.

Custom Components

Replace the Copilot UI components with your own while keeping the core functionality.

Fully Custom UI

Build your UI from scratch using CopilotKit's hooks and core functionality.

Markdown Rendering

Modify CopilotKit's use of markdown to display elements within the assistant arrow text, such as source citing and reasoning steps.

PREV
Agentic Chat UI
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Prebuilt Copilot UI