--- title: Build Generative UI Apps with A2UI & CopilotKit Agents description: A2UI is a framework-agnostic open standard that lets AI agents render rich, interactive UI instead of text walls, and CopilotKit integrates it through the... canonical: https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Build Generative UI Apps with A2UI & CopilotKit Agents | daily.dev og:description: A2UI is a framework-agnostic open standard that lets AI agents render rich, interactive UI instead of text walls, and CopilotKit integrates it through the... og:url: https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4 og:image: https://api.daily.dev/og/posts/TXAlUSpL4.png og:image:alt: Build Generative UI Apps with A2UI & CopilotKit Agents og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Build Generative UI Apps with A2UI & CopilotKit Agents **[Google Developers](https://daily.dev/sources/googledevs)** · 6 min read · 1 upvotes · 0 comments ## Summary A2UI is a framework-agnostic open standard that lets AI agents render rich, interactive UI instead of text walls, and CopilotKit integrates it through the AG-UI protocol. Developers define a catalog of components the agent can compose, and the Basic Catalog ships 18 general-purpose primitives. A2UI surfaces are bi-directional: user actions like picking dates or entering details stream back to the agent, which re-emits updated UI on the same surfaceId. Setup involves wrapping an agent (shown with Google ADK via the ag_ui_adk package) as an AG-UI endpoint and registering it with the CopilotKit runtime. A CLI command, 'npx copilotkit@latest create --name my-app --framework a2ui', scaffolds a starter app. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is A2UI and how does it work with AI agents? A2UI is a framework-agnostic open standard for declaring UI intent so agents can generate interfaces from an existing component catalog. It spans a spectrum from controlled generation, where agents pick predefined components, to open-ended code generation. Its Basic Catalog ships 18 general-purpose primitives for layout, display, input, and containers, and most production apps define their own custom catalog on top of it. _Anyone wiring agent-driven UI into a product can track standards like A2UI on daily.dev._ ### How does CopilotKit connect an agent to A2UI generative UI components? CopilotKit is built on the AG-UI (Agent-User Interaction Protocol), which carries A2UI operations as typed events to the client and sends user actions back along the same stream. Setup requires wrapping an agent, such as a Google ADK agent via the ag_ui_adk package, as an AG-UI endpoint, then registering it with the CopilotKit runtime and defining a catalog mapping component definitions to React renderers with Zod-validated props. _Developers evaluating agent UI frameworks can follow CopilotKit and AG-UI updates on daily.dev._ ### How do A2UI surfaces handle multi-step interactive flows like a booking form? A2UI surfaces are bi-directional and reactive, so any user action, such as picking dates, choosing a flight, or entering passenger details, is sent back along the same stream using data paths bound to inputs. The agent then re-emits the surface against the same surfaceId with updated values, letting flight search, results, passenger details, and confirmation all live on one continuous surface. _Teams building stateful agent interfaces can follow generative UI patterns like this on daily.dev._ ## Similar posts on daily.dev - [A2UI v0.9: The New Standard for Portable, Framework-Agnostic Generative UI](https://daily.dev/posts/a2ui-v0-9-the-new-standard-for-portable-framework-agnostic-generative-ui-urspxbxwa) · Google Developers · 41 upvotes · 0 comments - [Google Releases A2UI v0.9: Portable, Framework-Agnostic Generative UI](https://daily.dev/posts/google-releases-a2ui-v0-9-portable-framework-agnostic-generative-ui-nhjivffxg) · InfoQ · 1 upvotes · 0 comments - [A2UI](https://daily.dev/posts/a2ui-fov2gqezm) · Hacker News · 2 upvotes · 0 comments - [\[New\] Generative UI for Agents](https://daily.dev/posts/new-generative-ui-for-agents-7mg572qny) · Daily Dose of Data Science \| Avi Chawla \| Substack · 110 upvotes · 4 comments --- Tags: [#ai-agents](https://daily.dev/tags/ai-agents), [#generative-ui](https://daily.dev/tags/generative-ui) [View this post on daily.dev](https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Build Generative UI Apps with A2UI \u0026 CopilotKit Agents","url":"https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4"},"datePublished":"2026-10-29T18:23:51.958Z","dateModified":"2026-10-29T18:24:22.277Z","description":"A2UI is a framework-agnostic open standard that lets AI agents render rich, interactive UI instead of text walls, and CopilotKit integrates it through the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/918f2b50484a560b3b5d369c9837f5a1?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/918f2b50484a560b3b5d369c9837f5a1?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Google Developers","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Google Developers","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ea4bbded4e7f45ccb82e121a3156535f","url":"https://daily.dev/sources/googledevs"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai-agents,generative-ui","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Google Developers","item":"https://daily.dev/sources/googledevs"},{"@type":"ListItem","position":3,"name":"Build Generative UI Apps with A2UI \u0026 CopilotKit Agents"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/build-generative-ui-apps-with-a2ui-copilotkit-agents-txaluspl4#faq","mainEntity":[{"@type":"Question","name":"What is A2UI and how does it work with AI agents?","acceptedAnswer":{"@type":"Answer","text":"A2UI is a framework-agnostic open standard for declaring UI intent so agents can generate interfaces from an existing component catalog. It spans a spectrum from controlled generation, where agents pick predefined components, to open-ended code generation. Its Basic Catalog ships 18 general-purpose primitives for layout, display, input, and containers, and most production apps define their own custom catalog on top of it. Anyone wiring agent-driven UI into a product can track standards like A2UI on daily.dev."}},{"@type":"Question","name":"How does CopilotKit connect an agent to A2UI generative UI components?","acceptedAnswer":{"@type":"Answer","text":"CopilotKit is built on the AG-UI (Agent-User Interaction Protocol), which carries A2UI operations as typed events to the client and sends user actions back along the same stream. Setup requires wrapping an agent, such as a Google ADK agent via the ag_ui_adk package, as an AG-UI endpoint, then registering it with the CopilotKit runtime and defining a catalog mapping component definitions to React renderers with Zod-validated props. Developers evaluating agent UI frameworks can follow CopilotKit and AG-UI updates on daily.dev."}},{"@type":"Question","name":"How do A2UI surfaces handle multi-step interactive flows like a booking form?","acceptedAnswer":{"@type":"Answer","text":"A2UI surfaces are bi-directional and reactive, so any user action, such as picking dates, choosing a flight, or entering passenger details, is sent back along the same stream using data paths bound to inputs. The agent then re-emits the surface against the same surfaceId with updated values, letting flight search, results, passenger details, and confirmation all live on one continuous surface. Teams building stateful agent interfaces can follow generative UI patterns like this on daily.dev."}}]} ```