Generative UIs: Using LLMs to Create Flutter Screens at Runtime
summary
Shows a working prototype that uses the GenUI SDK to send prompts to Google Gemini or Firebase AI, get back JSON UI descriptions, and render them as Flutter widgets at runtime — including a live demo that generates restaurant cards for Ahmedabad and returns addresses and phone numbers until an internet hiccup. Explains building a custom catalog and JSON schema for domain widgets, uses an A2A-style agent flow, flags hallucination, latency and cost, and calls the alpha SDK experimental but usable.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 1:08Traditional UIs limitations
- 3:18Evolution of user interfaces over time
- 4:43Generative UI importance
- 8:47Why generative UI now
- 11:00Building generative UI in Flutter
- 16:20GenUI SDK setup
- 19:13Conversation with GenUI
- 22:01Dynamic UI with GenUI Surface
- 22:45Custom components necessity
- 23:54Component schema definition
- 26:24Adding widgets to catalog
- 27:27AI instructions for widgets
- 27:49Live demo food app
- 33:08Generative UI use cases
- 35:37Generative UI challenges
- 36:20Future of generative UI
related talks
32mGenerative UI in Flutter
33mGenerative UI with Flutter
43mNext Steps and New Patterns for GenUI
01h 11mBuild Your Own AI Sidekick with Flutter
20mDesign for the future of apps
47mAgentive Experiences With Flutter: What, How, and Why Bother?
38m🔥 Generative UI: The Future of Frontend (And Why You Should Care)
42mDart and Flutter and AI, Oh My!