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

This example shows our Research Canvas making use of Generative UI!

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 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
  • Animate transitions between different states

How can I use this?

There are two main variants of Generative UI.

Agentic
Render your agent's state, progress, and outputs with custom UI components.
Tool-based
Render your agent's tool calls with custom UI components.
PREV
Chat with an Agent
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Agentic Generative UI

On this page

What is Generative UI?
How can I use this?