Skip to content

react UI + infrastructure for AI Copilots, in-app AI agents, AI chatbots, and AI-powered Textareas ๐Ÿช

License

Notifications You must be signed in to change notification settings

StudentCode-in/CopilotKit

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Here for Hacktoberfest? ๐ŸŽ‰ Get started here ๐Ÿš€ ๐ŸŽŠ.

CopilotKit Logo
CopilotKit is the open-source framework for integrating powerful AI Copilots into any application. Easily implement custom AI Chatbots, AI Agents, AI Textareas, and more.




hacktoberfest_banner

CopilotKit Screenshot

๐Ÿ‘‰ Check out the docs at https://docs.copilotkit.ai

Table of Contents

Getting Started

Quickstart & Tutorials

There are several easy ways to get started with CopilotKit:

  • Quickstart: Chatbot: In just two minutes, add an AI Chatbot to your app with the ability to read application state and take actions.
  • Tutorial: Todo List Copilot: For a deeper dive into CopilotKit, take a simple todo list app and supercharge it with an AI chat popup.
  • Tutorial: Textarea Autocomplete: For a deeper dive into CopilotKit, we'll take a simple email client app and add an AI-powered textarea with autocompletions and AI insertions/edits.

Examples & Starter Templates

๐Ÿ•น๏ธ PowerPoint Clone + Copilot
https://github.com/CopilotKit/demo-presentation

Presentation
๐Ÿ•น๏ธ Simple Todo App + Copilot
https://github.com/CopilotKit/demo-todo

Todo App
๐Ÿ•น๏ธ Spreadsheets + Copilot
https://github.com/CopilotKit/demo-spreadsheet

Presentation-Demo
๐Ÿ•น๏ธ PowerPoint Clone + Copilot + Voice Control
https://github.com/CopilotKit/demo-presentation-voice

Presentation-Voice

Building Blocks

๐Ÿ’ก Want to learn more? Check out the CopilotKit Documentation.

๐Ÿงฉ Components

โšก๏ธ Hooks

  • useCopilotReadable: Provide in-app state and any other information to your Copilot.
  • useCopilotAction: Enable your Copilot to perform actions and render custom-generated UI in the chat.
  • useCopilotChat: Directly interact with the Copilot chat instance to add messages and manipulate the chat history.
  • useCopilotChatSuggestions: Integrate AI-powered chat follow-up suggestions that are aware of your app's state and chat history.

Contributing

Thanks for your interest in contributing to CopilotKit! ๐Ÿ’œ

We value all contributions, whether it's through code, documentation, creating demo apps, or just spreading the word.

Here are a few useful resources to help you get started:

๐Ÿ’ก NOTE: All contributions must be submitted via a pull request and be reviewed by our team. This is to ensure that all contributions are of high quality and align with the project's goals.

Get in touch

You are welcome to join our Discord and chat with our team and other community members.

Additionally, you can reach out to us at [email protected].

License

This repository's source code is available under the MIT License.

About

react UI + infrastructure for AI Copilots, in-app AI agents, AI chatbots, and AI-powered Textareas ๐Ÿช

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 91.5%
  • Shell 4.5%
  • CSS 2.7%
  • Other 1.3%