CopilotKit

Overview

⏱ 5 minutes  ·  Easy

What you'll learn#

In this tutorial, you'll take a simple email app and add AI-powered autocompletion to it. The app is a basic email client with a plain textarea for composing messages. You'll add CopilotKit so the textarea offers relevant autocompletions as you type, aware of the full email history.

You'll learn:

  • How to use useCopilotReadable to give your copilot access to your app's state
  • How to use the <CopilotTextarea /> component for context-aware autocompletions
  • How to use the Copilot Textarea Action Popup to generate or adjust existing text

Try it out#

An interactive example of the end result:

View source code on GitHub
Browse the starter and final code for this tutorial.
Next: Check out the repo →
Clone the starter app and get it running locally.

On this page

What you'll learnTry it out