---
title: "Declarative Gen-UI (A2UI)"
icon: "lucide/FileJson"
description: "Render declarative UI components using the A2UI specification."
hideTOC: true
---
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" />
