Chat Components
Customizable, drop-in components for building AI-powered chat interfaces
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.
What it looks like in code
The live agentic-chat cell above is built from a single, small page. Wrap
your UI in <CopilotKit> once — it wires the runtime, session, and agent
registry — and drop <CopilotChat> wherever the chat should go:
provider-setup not found in claude-sdk-python::agentic-chat. Tag the relevant source lines with // @region[provider-setup] / // @endregion[provider-setup].Inside the chat, the useConfigureSuggestions hook lets you show contextual
starter prompts. The showcase cell uses it to seed a simple "Write a sonnet"
suggestion:
configure-suggestions not found in claude-sdk-python::agentic-chat. Tag the relevant source lines with // @region[configure-suggestions] / // @endregion[configure-suggestions].Get started by choosing your AI backend
The chat components work with any AI backend. Pick your integration to get started.