CopilotKit

What is CopilotKit?

CopilotKit is a bridge between your app & LLMs. We find the most powerful AI product integrations and turn them into plug & play react components. Growing list of components including CopilotPortal & CopilotTextarea. Open source & fully customizable. CopilotKit is the simplest way to integrate production-ready Copilots into any product. Seamlessly integrate LangGraph or CrewAI agents into your copilot. Allow end-users to steer agents back on track via CopilotKit’s CoAgents infrastructure.

How to use CopilotKit?

Integrate CopilotKit into your React application by installing the library and using the provided components such as CopilotPortal and CopilotTextarea. Customize the components to fit your application’s design and functionality. Use the provided hooks like useCopilotReadable and useCopilotAction to ground the copilot in real-time user-specific context and enable it to take actions on behalf of the user.

CopilotKit’s Core Features

Plug & play React components for AI integration Open source and fully customizable Real-time user-specific context grounding Agentic Frameworks integration (LangGraph, CrewAI) Generative UI Guardrails for AI actions Suggestions in Copilot chat AI-enabled text editing

CopilotKit’s Use Cases

• Integrating a chatbot into your application
• Rendering custom React components inside the chat
• Sorting house listings based on user input
• Automating tax filing with CoAgents