A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
Select integration...

Please select an integration to view the sidebar content.

Tutorial: AI Todo App

Next Steps

This is the end of the tutorial. You can now start building your own copilot-powered apps!

Source code

You can find the source code and interactive sandboxes here:

  • Start app: GitHub | Stackblitz Sandbox
  • Final app: GitHub | Stackblitz Sandbox

What's next?

For next steps, here are some ideas:

  • Add suggestions to your copilot, using the useCopilotChatSuggestions hook.
  • Add an initial assistant message to your chat window (for more info, check the documentation for <CopilotPopup />).
  • Dive deeper into the useful useCopilotChat hook, which enables you to set the system message, append messages, and more.
  • Implement autocompletion using the <CopilotTextarea /> component.
  • Follow the Textarea Autocomplete tutorial to learn more about CopilotKit.

We have more tutorials coming soon.

Need help?

If you have any questions, feel free to reach out to us on Discord.

PREV
Step 3: Copilot Readable State
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Overview

On this page

Source code
What's next?
Need help?