Declarative Gen-UI (A2UI)

import { IntegrationGrid } from "@/components/content/integration-grid"; import { Callout } from "fumadocs-ui/components/callout";

What is this?

A2UI (Agent-to-UI) is a declarative specification for generative UI. It allows agents to render structured UI components using a JSON-based schema, without requiring custom React components for every interaction.

<Callout type="info"> **Free course:** See this pattern built end-to-end in [Build Interactive Agents with Generative UI](https://www.deeplearning.ai/short-courses/build-interactive-agents-with-generative-ui/) — a free DeepLearning.AI short course taught by CopilotKit's CEO covering the full Generative UI spectrum (Controlled, Declarative, and Open-Ended). </Callout>

Choose your AI backend

<IntegrationGrid path="generative-ui/a2ui" />