Back to List
📚Resources

Build a Generative UI (GenUI) App

Andrew Brogdon (Google)
2026-07

About

Official Google Codelab for building a task-list app with Flutter, Firebase AI Logic, and the GenUI package. It upgrades a text chat into generated surfaces, introduces A2UI transport and widget catalogs, and finishes with a custom interactive component shared by the user and agent.

Summary

Why This Codelab Matters:

1. End-to-end implementation: Walks from plain chat to a working Generative UI application
2. A2UI in practice: Shows the transport adapter, surface controller, conversation events, and generated surfaces together
3. Developer-controlled catalog: Builds a custom widget schema instead of allowing arbitrary model code
4. Bidirectional interaction: Covers named surfaces and UI actions that flow back to the agent
5. Collection fit: Complements the Flutter GenUI repository and A2UI announcements with a runnable tutorial

Tags

googlefluttera2uifirebasetutorial

Related Articles

A curated collection of Generative UI resources.

Made with ❤️ by the community