Generative UI with Flutter
summary
Live demos show a working color palette generator that returns a JSON with a name font family and four hex colors using Gemini function-calling, plus a lighting controller that calls getBrightness and updateBrightness in sequence and correctly dims or sets values. The app renders LLM outputs as interactive widget response schemas (text fields dropdowns color pickers) and streams function-call events into UI state. Implementation uses Flutter and the alpha Flutter AI toolkits package, experimental but functional with occasional connection limits.
AI-written summary · about
chapters (17)
- 0:00Generative UI with Flutter
- 2:06Generative UI vs AI code
- 3:08LLMs and GUIs for generative UI
- 5:58AI as a user interface
- 6:19LLMs understand UI via schemas
- 8:04Live demo: color palette generator
- 11:15LLMs orchestrate dynamic UIs
- 13:22Demo: light control with function calls
- 16:33Widget responses in Flutter
- 19:25Streaming UI with shared state
- 21:13Context-aware UI without extra steps
- 21:57Widget schemas for dynamic interfaces
- 23:05Demo: dynamic form generation
- 27:45Editing large forms in real time
- 30:12Future: conversational UI
- 32:00Why Flutter for generative UI
- 32:43Q&A
related talks
38mGenerative UIs: Using LLMs to Create Flutter Screens at Runtime
32mGenerative UI in Flutter
40mCreate simple, beautiful UI with Flutter
14mPrompt to production: Building an AI app with Flutter
32mCode Meets Art: Flutter for Creative Coding
01h 11mBuild Your Own AI Sidekick with Flutter
36mEmpowering Your Flutter Apps with AI
47mAgentive Experiences With Flutter: What, How, and Why Bother?