AI Copilots for your product in hours, not months

CopilotKit is the simplest way to integrate production-ready Copilots into any product.

Trusted by developers at companies worldwide:

Features

Explore advanced features

Effortlessly enhance your app with powerful AI-driven capabilities.

An AI Copilot in your application

Simply use <CopilotSidebar />, <CopilotPopup />,
or<CopilotPanel /> to add a Copilot to your application -or use the headless UI variant: useCopilotChat()

Learn more in Docs

  1 <CopilotKit publicApiKey="yourPublicKey">
  2   <CopilotSidebar>
  3     <YourApp />
  4   </CopilotSidebar>
  5 </CopilotKit>

Grounded in realtime user-specific context

Seamlessly ground the Copilot in realtime application-specific, user-specific data.

Learn more in Docs

  1 useCopilotReadable({
  2   description: "The current spreadsheet",
  3   value: spreadsheetData,
  4 });

Take action

Have the copilot take action on behalf of the user.

Learn more in Docs

  1 useCopilotAction({
  2   name: "sortHouseListings",
  3   description: "Sort the displayed house listings",
  4   parameters: [
  5     {
  6       name: "columnId",
  7       type: "string",
  8       description: "The ID of the column to sort on",
  9      },
  10    ],
  11   handler: async ({columnId, sortDirection}) => {
  12     sortColumn(columnId, sortDirection);
  13    },
  14  });

CoAgents - via LangChain & LangGraph

Seamlessly integrate LangChain & LangGraph agents into your copilot. Allow end-users to steer agents back on track via CopilotKit’s CoAgents infrastructure.

Learn more in Docs

  1 <CopilotKit coAgent="taxFilingAgent">
  2   <YourTaxFilingApp />
  3 </CopilotKit>

Join our mission. Copilot the future.

CopilotKit is open-source. Let‘s build the future of copilots together.

More Features

Dive into AI capabilities for your app

Unlock the full potential of your app with seamless AI integration.

Generative UI

Render fully custom react components inside the chat.

Learn more in Docs

Guardrails

Controls AI actions for safe and predictable use.

Learn more in Docs

Suggestions

The <useCopilotChatSuggestions /> hook provides suggestions in Copilot chat.

Learn more in Docs

CopilotTextarea

AI-enabled text editing. Autocompletions, insertions/edits,
and auto-first-drafts. Drop-in replacement for any <textarea />

Learn more in Docs

Shape the future of Copilots.

Collaborate with us to influence our roadmap and drive innovation.

More features will be available soon:

CoAgents,
Chat Histories,
Realtime RAG,
Memory,
Knowledge Bases,
And more...

Getting Started

Experience CopilotKit in action

Discover how our open-source AI platform
enhances your workflow.

Quickstart: chatbot

How to deeply integrate a chatbot into your application