import UseCopilotChatShortSnippet from "@/snippets/use-copilot-chat-short-snippet.mdx";
CopilotKit provides pre-built UI components for quick integration:
-
CopilotChat: A flexible, customizable chat interface. -
CopilotSidebar: WrapsCopilotChatin a collapsible sidebar. -
CopilotPopup: WrapsCopilotChatin a toggleable popup window.
These components offer instant solutions while allowing easy customization to suit your application's needs.
These components are highly customizable and can be styled to match your application's look and feel. Alternatively, you can create your own UI using the core functionalities provided by CopilotKit.
As your product matures, useCopilotChat provides deeply customizable headless UI so you can benefit from Copilot OS while fully controlling the UI layer of your Copilot.
useCopilotChat can also be used side-by - side with Copilot UI -- to programmatically communicate with Copilot OS and more deeply integrate the Copilot into your application.
Read more about useCopilotChat here.