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?

To get started, you first need to decide what is going to be backing your generative UI. There are three main variants of Generative UI with CopilotKit for LangGraph.

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.

Agent State

Render your agent's state, progress, and outputs with custom UI components.

PREV
Frontend Tools
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?