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()
Grounded in realtime user-specific context
Seamlessly ground the Copilot in realtime application-specific, user-specific data.
Take action
Have the copilot take action on behalf of the user.
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.
Generative UI
Render fully custom react components inside the chat.
Guardrails
Controls AI actions for safe and predictable use.
Suggestions
The <useCopilotChatSuggestions /> hook provides suggestions in Copilot chat.
CopilotTextarea
AI-enabled text editing. Autocompletions, insertions/edits, and auto-first-drafts. Drop-in replacement for any <textarea />
