# All Chat Components

[**<CopilotChat />** \\
The CopilotChat component, providing a chat interface for interacting with your copilot.](https://docs.copilotkit.ai/reference/components/chat/CopilotChat) [**<CopilotPopup />** \\
The CopilotPopup component, providing a popup interface for interacting with your copilot.](https://docs.copilotkit.ai/reference/components/chat/CopilotPopup) [**<CopilotSidebar />** \\
The CopilotSidebar component, providing a sidebar interface for interacting with your copilot.](https://docs.copilotkit.ai/reference/components/chat/CopilotSidebar)

[Previous\\
\\
API Reference](https://docs.copilotkit.ai/reference) [Next\\
\\
CopilotChat](https://docs.copilotkit.ai/reference/components/chat/CopilotChat)

### On this page

No Headings

[Edit on GitHub](https://github.com/CopilotKit/CopilotKit/blob/main/docs/content/docs/reference/components/chat/index.mdx)

![](https://static.scarf.sh/a.png?x-pxid=ffc9f65d-0186-4575-b065-61d62ea9d7d3)

## LangChain JS Integration
CrewAI CrewAI support is here! Checkout the [Crew](https://docs.copilotkit.ai/crewai-crews) and [Flow](https://docs.copilotkit.ai/crewai-flows) documentation.

Search docs

`⌘`  `K`

On this pageIntegrate LangChain JS actions with CopilotRuntime

[Backend Actions & Agents](https://docs.copilotkit.ai/guides/backend-actions)