CopilotKit

The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol

114 articles 33k View on GitHub ↗
114 articles
CopilotKit Integration with Next.js App Router vs Pages Router for SSR

Explore CopilotKit integration with Next.js App Router versus Pages Router for SSR. Learn how to implement secure server-side rendering without exposing API keys.

comparison
Jun 14, 2026
How to Use Wildcard Tool Calls for Dynamic Tool Invocation in CopilotKit

Learn how to use wildcard tool calls in CopilotKit for dynamic tool invocation. Master fallback UI rendering with defineToolCallRenderer to handle unknown tools seamlessly.

how-to-guide
Jun 14, 2026
How to Implement Custom UI Components for Tool Calls in CopilotKit

Learn to implement custom UI components for tool calls in CopilotKit. Discover how useRenderTool and useDefaultRenderTool manage typed props and execution states for flexible integrations.

how-to-guide
Jun 14, 2026
How to Set Up Telemetry and Observability for CopilotKit Agent Performance

Easily set up telemetry and observability for CopilotKit agent performance. Gain insights into metrics with the built-in TelemetryClient without affecting stability.

how-to-guide
Jun 14, 2026
How to Use AgentRegistry for Dynamic Agent Registration in CopilotKit

Learn how to use CopilotKit AgentRegistry to dynamically register AI agents at runtime. Add, replace, or remove agents without rebuilding your application.

how-to-guide
Jun 14, 2026
How to Handle Attachment Rendering and File Uploads in CopilotKit Messages

Learn to handle file uploads and attachment rendering in CopilotKit messages. Use the useAttachments hook for validation and custom workflows, and AttachmentChip for UI.

how-to-guide
Jun 14, 2026
How to Handle Agent Errors and Implement Error Boundaries in CopilotKit Chat UI

Learn to handle agent errors in CopilotKit chat UI using CopilotErrorBoundary and CopilotKitErrorBridge. Automatically catch failures log them and display usage banners. Maintain a single subscription to error events across you...

how-to-guide
Jun 14, 2026
How to Implement Voice Input and Transcription with CopilotChatAudioRecorder

Implement voice input and transcription easily using CopilotChatAudioRecorder. This component records audio, visualizes input, and converts speech to text with the runtime's transcription service. Get started now!

how-to-guide
Jun 14, 2026
How to Use CopilotRuntime with Express, Hono, or Node.js

Learn how to use CopilotRuntime with Express, Hono, or Node.js HTTP servers. CopilotKit adapters enable seamless integration for identical capabilities across any Node.js environment.

how-to-guide
Jun 14, 2026
How to Secure CopilotKit Endpoints with Authentication and Authorization

Secure your CopilotKit endpoints using authentication and authorization. Implement API keys, JWT, or OAuth with the onRequest hook for robust security.

how-to-guide
Jun 14, 2026
CopilotKit v1 to v2 Migration Guide: Breaking Changes & Upgrade Steps

Migrate CopilotKit v1 to v2 seamlessly. Discover breaking changes and follow clear upgrade steps for the new agent-centric model. Upgrade your AI copilots today.

migration-guide
Jun 14, 2026
How to Manage Conversation Threads and Context with CopilotKit Stores

Learn to manage conversation threads and context with CopilotKit stores. Separate state from UI using ThreadStore and ContextStore for seamless persistence and agent data management.

how-to-guide
Jun 14, 2026
…

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"

Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →