---
title: Chat Components
icon: "lucide/MessageSquare"
description: Customizable, drop-in components for building AI-powered chat interfaces
hideTOC: true
---
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"/>
