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.

Generative UI

Render your agent's behavior with custom UI components.

Demo of Generative UI showing a meeting scheduling agent

What is Generative UI?

Generative UI lets you render your agent's state, progress, outputs, and tool calls with custom UI components in real-time. It bridges the gap between AI agents and user interfaces. As your Agent Spec agent processes information and makes decisions, you can render custom UI components that:

  • Show loading states and progress indicators
  • Display structured data in tables, cards, or charts
  • Create interactive elements for user input

How can I use this?

To get started, you first need to decide what is going to be backing your generative UI. Currently, there are two main variants of Generative UI with CopilotKit for Agent Spec.

Backend Tools

Render your agent's tool calls with custom UI components

Frontend Tools

Provide your agent with client-side tools to show custom components and drive the UI.

PREV
Markdown rendering
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Backend Tools

On this page

What is Generative UI?
How can I use this?