Loading video...

Video Failed to Load

Go Home

Render Generative UI smoothly in Flutter by minimizing startup latency. Andrew Brogdon demonstrates how to pre-generate and cache A2UI messages asynchronously using Dart Cloud Functions and Cloud Firestore.

FlutterDev's profile picture

Flutter

278,108 subscribers

17,746 views • 14 days ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

2 Comments

Viber · fireply.ai's profile picture
Viber · fireply.ai14 days ago

@redbrogdon gonna wire this into one of my little apps tonight and see how fast it feels

M.'s profile picture
M.13 days ago

@redbrogdon Are there any updates on iOS 26+ ui library update?

Related Videos

Part 3: Replaying A2UI Cache with Widgetbook. Testing generated UI can be tricky. I cover how I built a custom add-on connected to Firestore, allowing to replay and inspect those cached A2UI outputs directly inside Widgetbook.
1:30

Part 3: Replaying A2UI Cache with Widgetbook. Testing generated UI can be tricky. I cover how I built a custom add-on connected to Firestore, allowing to replay and inspect those cached A2UI outputs directly inside Widgetbook.

Cagatay Ulusoy

12,716 views • 3 months ago

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:
0:21

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:

Flutter

14,800 views • 5 months ago

Full-stack Dart is here! With experimental Dart support in Cloud Functions, you can share code seamlessly across platforms and between clients and server for a unified developer experience 🙌 Watch the demo ↓
2:28

Full-stack Dart is here! With experimental Dart support in Cloud Functions, you can share code seamlessly across platforms and between clients and server for a unified developer experience 🙌 Watch the demo ↓

Flutter

24,075 views • 6 months ago

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:
0:30

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

CopilotKit🪁

18,783 views • 10 months ago

To showcase Simulon's capability with high-fidelity assets and to highlight the difference between what you see in real-time AR versus the precision of offline cloud rendering, we've made a video using a detailed human scan by 3D Scanstore. Our workflow was designed to closely align the visuals in real-time AR with our offline cloud renders. The video below demonstrates this, transitioning between the AR preview and the final cloud render. This preview lets creators foresee the final VFX shot, reducing guesswork in lighting and composition.
0:31

To showcase Simulon's capability with high-fidelity assets and to highlight the difference between what you see in real-time AR versus the precision of offline cloud rendering, we've made a video using a detailed human scan by 3D Scanstore. Our workflow was designed to closely align the visuals in real-time AR with our offline cloud renders. The video below demonstrates this, transitioning between the AR preview and the final cloud render. This preview lets creators foresee the final VFX shot, reducing guesswork in lighting and composition.

Divesh Naidoo

265,646 views • 3 years ago

Latency has been the main UX concern we've heard for Flutter teams building GenUI/A2UI experiences. The new Jev model from TypeSafe AI solves this and unlocks a ton of new potential. All the UI generated in this video was picked by Jev - it felt like everything was running locally!
0:33

Latency has been the main UX concern we've heard for Flutter teams building GenUI/A2UI experiences. The new Jev model from TypeSafe AI solves this and unlocks a ton of new potential. All the UI generated in this video was picked by Jev - it felt like everything was running locally!

Abdallah Shaban

11,177 views • 1 month ago

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:
0:24

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:

CopilotKit🪁

25,749 views • 3 months ago

Leverage the Dart MCP Server to enhance your Dart and Flutter development experience 💻✨ In this blog, explore useful tools provided by the Dart MCP Server and learn how to configure the server for use in popular development environments and tools →
0:30

Leverage the Dart MCP Server to enhance your Dart and Flutter development experience 💻✨ In this blog, explore useful tools provided by the Dart MCP Server and learn how to configure the server for use in popular development environments and tools →

Flutter

18,981 views • 1 year ago

In Spain, innovation is fueling new cloud and AI use cases to connect people and foster inclusion. Learn how companies are using Azure to build a sense of belonging in Season 3 of Cloud Cultures: #MicrosoftAzure
0:30

In Spain, innovation is fueling new cloud and AI use cases to connect people and foster inclusion. Learn how companies are using Azure to build a sense of belonging in Season 3 of Cloud Cultures: #MicrosoftAzure

Microsoft Azure

13,504 views • 2 years ago

Here’s how Knowunity powers their AI learning app with Google dev tools including Flutter, Google Cloud, and Gemini 💫
0:38

Here’s how Knowunity powers their AI learning app with Google dev tools including Flutter, Google Cloud, and Gemini 💫

Flutter

10,635 views • 3 months ago

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.
0:37

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

19,318,903 views • 5 months ago

First impressions on PlayStation Portal Cloud streaming ⠀ ⠀ ⠀ ⠀ + Don’t need a PS5⠀ ⠀ + Simple UI + Quick log-in and setup + A solid selection of games that will grow + Easy to close and jump between games + Latency is solid for non fps titles + Your saves are in the cloud so they’re here too + Resolution selection ( 720/1080 ) - Latency for twitchy / fps titles ( this will improve over time ) - PS5 Pro | PS5Themes | Playstation
0:55

First impressions on PlayStation Portal Cloud streaming ⠀ ⠀ ⠀ ⠀ + Don’t need a PS5⠀ ⠀ + Simple UI + Quick log-in and setup + A solid selection of games that will grow + Easy to close and jump between games + Latency is solid for non fps titles + Your saves are in the cloud so they’re here too + Resolution selection ( 720/1080 ) - Latency for twitchy / fps titles ( this will improve over time ) - PS5 Pro | PS5Themes | Playstation

TCMFGames

253,955 views • 2 years ago

Learn how Decagon partnered with Together AI, the AI Native Cloud, to meet growing demands and strict latency budgets – ensuring best-in-class AI customer support solutions. Details:
2:26

Learn how Decagon partnered with Together AI, the AI Native Cloud, to meet growing demands and strict latency budgets – ensuring best-in-class AI customer support solutions. Details:

Together AI

16,385 views • 9 months ago

Huawei Cloud is empowering European enterprises with AI-driven innovations. Ronald van Loon explored the latest HUAWEI Cloud developments at HUAWEI CONNECT EUROPE 2025 and revealed how leaders from Azerion, Barceló, and Screening Eagle are using HUAWEI Cloud to drive transformation.
5:35

Huawei Cloud is empowering European enterprises with AI-driven innovations. Ronald van Loon explored the latest HUAWEI Cloud developments at HUAWEI CONNECT EUROPE 2025 and revealed how leaders from Azerion, Barceló, and Screening Eagle are using HUAWEI Cloud to drive transformation.

Huawei

5,546,073 views • 1 year ago

This is the absolute lowest latency cloud computer OS in the world. Instead of streaming pixels, we stream application state. And that application state can itself be manipulated by Claude Code. Now there is zero reason to not move coding to the cloud.
0:22

This is the absolute lowest latency cloud computer OS in the world. Instead of streaming pixels, we stream application state. And that application state can itself be manipulated by Claude Code. Now there is zero reason to not move coding to the cloud.

Henrik Hansson

67,557 views • 7 days ago

In South Africa, nurturing a diverse range of ecosystems requires a mix of preservation and invention. See how people are using cloud and AI to enable both—leading to remarkable results like a baby rhino. Watch Cloud Cultures: #MicrosoftAzure
0:30

In South Africa, nurturing a diverse range of ecosystems requires a mix of preservation and invention. See how people are using cloud and AI to enable both—leading to remarkable results like a baby rhino. Watch Cloud Cultures: #MicrosoftAzure

Microsoft Azure

14,227 views • 2 years ago

Flutter GPU, Flutter's built-in low-level graphics API, allows you to build and integrate custom renderers in Flutter by writing Dart code and GLSL shaders. ✍️ Learn more about advanced rendering with the Flutter GPU →
0:26

Flutter GPU, Flutter's built-in low-level graphics API, allows you to build and integrate custom renderers in Flutter by writing Dart code and GLSL shaders. ✍️ Learn more about advanced rendering with the Flutter GPU →

Flutter

20,717 views • 2 years ago

🔥 Flux Cloud 2.0 is here! Experience world-class decentralized cloud services with a new UI, fiat payments, Single Sign-On, and more! Fast, resilient, and cost-effective. 👉 Get started with Flux Cloud at
0:31

🔥 Flux Cloud 2.0 is here! Experience world-class decentralized cloud services with a new UI, fiat payments, Single Sign-On, and more! Fast, resilient, and cost-effective. 👉 Get started with Flux Cloud at

Flux I Decentralized Cloud

925,517 views • 2 years ago

Introducing DomainsGPT → Generate brandable & memorable domain names using AI. Powered by OpenAI and @Vercel Edge Functions ▲
0:38

Introducing DomainsGPT → Generate brandable & memorable domain names using AI. Powered by OpenAI and @Vercel Edge Functions ▲

Steven Tey

289,204 views • 3 years ago

Want to learn how I simulate and render clouds with Houdini & Blender? Well, now you can 👀☁️✨ Houdini Cloud Simulation Course👇🏻
0:20

Want to learn how I simulate and render clouds with Houdini & Blender? Well, now you can 👀☁️✨ Houdini Cloud Simulation Course👇🏻

Break Your Crayons

67,325 views • 3 years ago