CopilotKit: Streamline AI Agents
Build generative UI with CopilotKit, for founders using React, Angular, and more, backed by 36k+ GitHub stars
36,206 stars4,467 forksTypeScriptQuality 8/10Updated 7/22/2026100% free ยท open source CopilotKit allows founders to build generative UI for their applications using a variety of frontend frameworks such as React and Angular
npm install @copilotkit/core
- โขBuilding a dynamic UI that adapts to user input and interactions
- โขCreating a conversational interface for a web or mobile application
- โขDeveloping a custom UI component that integrates with a larger frontend framework
- 1Import the CopilotKit core module in your project with `import { Copilot } from '@copilotkit/core'`
- 2Create a new instance of the Copilot class with `const copilot = new Copilot()`
- 3Define a generative UI component using the `copilot.defineComponent()` method
- 4Use the `copilot.render()` method to render the component in your application
- 5Configure the AG-UI Protocol in your project by creating a `copilot.config.js` file
Ready-to-paste prompt Create a new generative UI component with `copilot.defineComponent('MyComponent', { template: '<div>Hello World!</div>' })`Heads up: Make sure to configure the AG-UI Protocol correctly in your `copilot.config.js` file, as it is required for CopilotKit to function properly
Saves to your device
Topics
agent
agent-native
agentic-ai
agents
ai
ai-agent
ai-assistant
assistant
assistant-chat-bots
copilot
copilot-chat
generative-ui
js
llm
nextjs
open-source
react
reactjs
ts
typescript
What's inside โ free to inspect
No purchase needed
Read the entire source before you build โ unlike paid marketplaces that hide it behind a buy button.