Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

GenLatte leverages Firebase and Flutter’s Generative UI to create personalized coffee experiences with one-of-a-kind latte art ☕ Craig walks you through the entire process, from selecting your brew to generating unique designs using Gemini and Nano Banana ↓

Flutter

277,891 subscribers

13,609 views • 4 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

3 Comments

じ东4 months ago

AI-generated latte art is such a cool use case ☕🔥 The future of apps is becoming more interactive, adaptive, and personal.

ellie nam4 months ago

Really interesting direction for Flutter UI workflows. Generative UI feels much more compelling when it’s connected to real-world interactions and personalization like this.

Tech With Matteo4 months ago

Firebase + Flutter is such a solid combo for building fast, been using it for side projects for a while and generative UI is next level when you add AI on top

Related Videos

New generative UI experiences in the Google Gemini and AI Mode in Search use Gemini 3’s multimodal understanding capabilities to make entire user interfaces for you from scratch — dynamically delivering what you need in a visual and interactive way. Google Research software engineer Yaniv Leviathan shares more about the process of building generative UI (hint: so much fun that the team couldn't stop playing with it) and how he's been using it so far.

New generative UI experiences in the Google Gemini and AI Mode in Search use Gemini 3’s multimodal understanding capabilities to make entire user interfaces for you from scratch — dynamically delivering what you need in a visual and interactive way. Google Research software engineer Yaniv Leviathan shares more about the process of building generative UI (hint: so much fun that the team couldn't stop playing with it) and how he's been using it so far.

Google

138,435 views • 10 months ago

Nano Banana is directly in Photoshop (beta) now When using Generative Fill select Gemini 2.5 Flash = Nano Banana from the list of models. The greatest part is you can use it together with Harmonize and other PS features.

Nano Banana is directly in Photoshop (beta) now When using Generative Fill select Gemini 2.5 Flash = Nano Banana from the list of models. The greatest part is you can use it together with Harmonize and other PS features.

Kris Kashtanova

140,426 views • 1 year ago

One prompt → your next landing page. We hooked up Gemini 3.7 Flash with Nano Banana and Omni in @Antigravity to build an interactive landing page from scratch, generating the copy, images, and video in a single shot.

One prompt → your next landing page. We hooked up Gemini 3.7 Flash with Nano Banana and Omni in @Antigravity to build an interactive landing page from scratch, generating the copy, images, and video in a single shot.

Google

421,464 views • 1 month ago

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

Matt

15,677 views • 1 year ago

Demis Hassabis: AGI will be an intertwined model of Gemini, Genie and something like Nano Banana. Nano Banana shows first climps of AGI "It also has Gemini under the hood, it sort of understands what's going on semantically in those images, so I think that's sort of, it's getting towards a kind of AGIfor imaging" AGI will be the unification of the Genie 3, Nano Banana and Gemini models "And then eventually, we got to kind of converge all of those different projects. And they're intertwined. But we need to, you know, converge them all into one" Google seems to be doing everything right at the moment. With Genie 3, Gemini 3, and Nano Banana, they have all the prerequisites to create a general model that develops a true understanding of the real world.

Demis Hassabis: AGI will be an intertwined model of Gemini, Genie and something like Nano Banana. Nano Banana shows first climps of AGI "It also has Gemini under the hood, it sort of understands what's going on semantically in those images, so I think that's sort of, it's getting towards a kind of AGIfor imaging" AGI will be the unification of the Genie 3, Nano Banana and Gemini models "And then eventually, we got to kind of converge all of those different projects. And they're intertwined. But we need to, you know, converge them all into one" Google seems to be doing everything right at the moment. With Genie 3, Gemini 3, and Nano Banana, they have all the prerequisites to create a general model that develops a true understanding of the real world.

Chubby♨️

66,335 views • 9 months ago

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

UI/UX Designers, did you know you can get real-time UX/UI feedback on your designs and gather valuable insights directly in Figma? Spec AI is a Figma plugin that allows you to get real-time UX/UI feedback, helping you refine your designs and create user-centred experiences directly within Figma with just one click. Repost to share with others 💜

Abraham John 🦄🦓

56,869 views • 1 year ago

Nano Banana Pro + Gamma is here! Try Nano Banana Pro for your presentations, or take it a step further and use Studio Mode to create cinematic slides with it. We've made this model available to all Gamma users through the end of the year. Nano Banana Pro HD (4k edition) is also available to Gamma Ultra users.

Nano Banana Pro + Gamma is here! Try Nano Banana Pro for your presentations, or take it a step further and use Studio Mode to create cinematic slides with it. We've made this model available to all Gamma users through the end of the year. Nano Banana Pro HD (4k edition) is also available to Gamma Ultra users.

Gamma

27,341 views • 9 months ago

Blend textures, characters, and objects with Veo 3.1 Ingredients to Video → Pro tip: use Nano Banana Pro in the Gemini app to create your ingredient images, which you can then use to create stunning videos with Veo 3.1 Ingredients to Video.

Blend textures, characters, and objects with Veo 3.1 Ingredients to Video → Pro tip: use Nano Banana Pro in the Gemini app to create your ingredient images, which you can then use to create stunning videos with Veo 3.1 Ingredients to Video.

Google Cloud Tech

22,578 views • 6 months ago

Nano Banana 2, new state of the art in image generation and editing combined with Gemini’s real-world knowledge! You can simulate 3D CAD models purely through images. From sketch to real object!

Nano Banana 2, new state of the art in image generation and editing combined with Gemini’s real-world knowledge! You can simulate 3D CAD models purely through images. From sketch to real object!

koray kavukcuoglu

87,809 views • 7 months ago

Tata Tea Premium leverages AI this Lohri to leapfrog hyperlocal narrative into the space of hyper localization. With inspiration from Tappas, the brand’s AI powered festive campaign allows you to create hyper personalized Tappas on your name and an occasion of your choice.

Tata Consumer Products

30,084 views • 3 years ago

Vibe coding a game character selection screen | Part 2 Tried a new set of characters and the level of detail is wild. Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI Tips ↓

Vibe coding a game character selection screen | Part 2 Tried a new set of characters and the level of detail is wild. Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI Tips ↓

Dilum Sanjaya

45,588 views • 8 months ago

Introducing Nano Banana Pro (Gemini 3 Pro Image), our new state-of-the-art image generation and editing model from Google DeepMind. It improves on the original model while adding new advanced capabilities, enhanced world knowledge and text rendering, allowing you to create and edit studio-quality, production-ready visuals.

Introducing Nano Banana Pro (Gemini 3 Pro Image), our new state-of-the-art image generation and editing model from Google DeepMind. It improves on the original model while adding new advanced capabilities, enhanced world knowledge and text rendering, allowing you to create and edit studio-quality, production-ready visuals.

Google

1,898,307 views • 10 months ago

There’s a whole new way to prompt with Nano Banana. Now you can tell Gemini exactly where and how to apply your edits by drawing on or annotating your images right in the Gemini app, making it easier to get the final look you want.

There’s a whole new way to prompt with Nano Banana. Now you can tell Gemini exactly where and how to apply your edits by drawing on or annotating your images right in the Gemini app, making it easier to get the final look you want.

Google Gemini

2,604,410 views • 9 months ago

Go from concept to campaign film in a matter of hours. All with just a single starting image. And all without the need to shut down Times Square. Start by sketching out your idea and generating your hero image. Then use Nano Banana Pro to create your storyboard and Gen-4.5 Image to Video to bring it all to life. Reply MOVE for the full workflow BTS.

Go from concept to campaign film in a matter of hours. All with just a single starting image. And all without the need to shut down Times Square. Start by sketching out your idea and generating your hero image. Then use Nano Banana Pro to create your storyboard and Gen-4.5 Image to Video to bring it all to life. Reply MOVE for the full workflow BTS.

Runway

77,228 views • 8 months ago

Let's break the Internet! I asked Gemini 3 to create a story based solely on the profile pictures of 16 AI creators. Using Nano Banana Pro and Veo 3.1, I brought the script to life. Thanks to Invideo for supporting this crazy idea! Tag below anyone you recognize 👇

Alex Patrascu

154,140 views • 10 months ago

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Introducing /ui-test Give your agent a PR, and it'll test your feature in a real browser, generating an HTML report with UI fixes The planner agent generates adversarial test cases to break your app, assigns them to subagents, and evaluates the page using the Browserbase CLI We reviewed a merged PR on Cal.com and found a bunch of small UI nits:

Shrey Pandya

57,825 views • 6 months ago

this entire video is 100% AI generated and we fully automated the process it took me one message to Claude and 3 images from Nano Banana to generate a full edited video in just a few minutes - total cost was only ~$10 if you’re not using AI to get fk u rich rn you’re running out of time best time to be alive ngl

this entire video is 100% AI generated and we fully automated the process it took me one message to Claude and 3 images from Nano Banana to generate a full edited video in just a few minutes - total cost was only ~$10 if you’re not using AI to get fk u rich rn you’re running out of time best time to be alive ngl

MAX

38,413 views • 6 months ago