Chat Components

import { IntegrationGrid } from "@/components/content/integration-grid"; import { Tabs, Tab } from "fumadocs-ui/components/tabs";

Pre-built components for agentic chat

CopilotKit's chat components give you a fully functional, customizable AI chat interface out of the box. They handle streaming, generative UI, and deep customization — so you can focus on your agent's behavior, not UI plumbing.

<video src="https://cdn.copilotkit.ai/docs/copilotkit/images/coagents/agentic-chat-ui.mp4" className="rounded-lg shadow-xl" loop playsInline controls autoPlay muted />

Get started by choosing your AI backend

The chat components work with any AI backend. Pick your integration to get started.

<IntegrationGrid path="chat"/>