Loading video...

Video Failed to Load

Go Home

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 ↓

FlutterDev's profile picture

Flutter

277,545 subscribers

13,499 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Nano Banana + Gemini 3 = S-Tier UI Designer I've been using Nano Banana alongside Gemini 3 to maximise its creativity for UI design past 2 weeks 🧵👇 Here are my 4 step process
0:42

Nano Banana + Gemini 3 = S-Tier UI Designer I've been using Nano Banana alongside Gemini 3 to maximise its creativity for UI design past 2 weeks 🧵👇 Here are my 4 step process

Jason Zhou

75,062 views • 6 months ago

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.
1:53

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 • 7 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.
0:20

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,275 views • 9 months ago

Firebase AI Logic gives you access to the latest generative AI models from Google: the Gemini models and Imagen models ✨ What are you building with gen AI?
1:18

Firebase AI Logic gives you access to the latest generative AI models from Google: the Gemini models and Imagen models ✨ What are you building with gen AI?

Firebase

20,903 views • 1 year ago

Vibe Coding Robotics Part 7 Implemented an ornithopter mechanism with Gemini Pro, and generated a Leonardo da Vinci style UI using Nano Banana to go with it.
0:24

Vibe Coding Robotics Part 7 Implemented an ornithopter mechanism with Gemini Pro, and generated a Leonardo da Vinci style UI using Nano Banana to go with it.

Dilum Sanjaya

158,841 views • 5 months 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.
0:23

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,675 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.
1:45

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 • 6 months ago

Create personalized images that are out of this realm with Nano Banana 2 in Gemini. Try it for yourself and drop yours in the replies 👇
0:34

Create personalized images that are out of this realm with Nano Banana 2 in Gemini. Try it for yourself and drop yours in the replies 👇

Google Gemini

14,421,190 views • 3 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 💜
0:33

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 🦄🦓

28,726 views • 1 year 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 💜
0:33

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,500 views • 1 year ago

This guy uses natural stones to create an incredible custom-built coffee table and walks through the process.
2:34

This guy uses natural stones to create an incredible custom-built coffee table and walks through the process.

Dudes Posting Their W’s

142,092 views • 3 months ago

City Life | At the service robot zone of the 137th #CantonFair, a #coffee #barista #robot is packed with crowds of both domestic and international buyers. From cup picking, ice dropping, water pumping, bean grinding, extraction to intricate milk frothing, the entire coffee-making process takes just 50 seconds to produce a cup of premium Geisha coffee. Even more exciting, the fully automatic #latte art machine allows users to select custom designs, instantly printing images like the“Mona Lisa” or“Nezha”onto the #coffee foam with just one click.#citylife
1:07

City Life | At the service robot zone of the 137th #CantonFair, a #coffee #barista #robot is packed with crowds of both domestic and international buyers. From cup picking, ice dropping, water pumping, bean grinding, extraction to intricate milk frothing, the entire coffee-making process takes just 50 seconds to produce a cup of premium Geisha coffee. Even more exciting, the fully automatic #latte art machine allows users to select custom designs, instantly printing images like the“Mona Lisa” or“Nezha”onto the #coffee foam with just one click.#citylife

Cultural Lingnan

22,537 views • 1 year ago

Build a Flutter app with gen AI capabilities using Firebase AI Logic 🪄🩵 This video shows you how to get started making calls to the Gemini API directly from your app using the Firebase AI Logic client SDKs for Flutter Chapters: 0:39 - What is Firebase AI Logic? 1:17 - Set up in the Firebase Console 1:59 - Add the dependency to your Flutter app 2:39 - Initialize the service and create a model instance 3:31 - Send a prompt to the model
4:50

Build a Flutter app with gen AI capabilities using Firebase AI Logic 🪄🩵 This video shows you how to get started making calls to the Gemini API directly from your app using the Firebase AI Logic client SDKs for Flutter Chapters: 0:39 - What is Firebase AI Logic? 1:17 - Set up in the Firebase Console 1:59 - Add the dependency to your Flutter app 2:39 - Initialize the service and create a model instance 3:31 - Send a prompt to the model

Firebase

40,218 views • 10 months ago

ARCHITECTS ARE IN TROUBLE YOU CAN CREATE ENTIRE 3D HOUSE MODELS EASILY USING THREEJS AND NANO BANANA
0:33

ARCHITECTS ARE IN TROUBLE YOU CAN CREATE ENTIRE 3D HOUSE MODELS EASILY USING THREEJS AND NANO BANANA

0xMarioNawfal

81,914 views • 3 months ago

From idea to prototype, bring your specific product visions to life with the help of Nano Banana 2 in Gemini. 🪀
0:31

From idea to prototype, bring your specific product visions to life with the help of Nano Banana 2 in Gemini. 🪀

Google Gemini

10,440,250 views • 2 months ago

If you're at #GoogleIO, swing by Antigravity Coffee Co after the dev keynote! You can order a custom latte, brought to you by Flutter, Firebase, and Gemini! 👋 How many familiar faces do you recognize? ↓
0:32

If you're at #GoogleIO, swing by Antigravity Coffee Co after the dev keynote! You can order a custom latte, brought to you by Flutter, Firebase, and Gemini! 👋 How many familiar faces do you recognize? ↓

Flutter

12,998 views • 1 month ago

Playing with map interactions. Generated this UI concept with Nano Banana and brought it to life using Gemini Pro Thinking about starting a series that explores aesthetic variations in data visualization UIs More details ↓
0:21

Playing with map interactions. Generated this UI concept with Nano Banana and brought it to life using Gemini Pro Thinking about starting a series that explores aesthetic variations in data visualization UIs More details ↓

Dilum Sanjaya

134,163 views • 2 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.
0:50

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 • 3 months 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.
0:22

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 • 6 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

16,662,462 views • 1 month ago