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.

Gemini 2.5 Pro (I/O edition) is amazing at coding UI ✨ I vibe coded a dictation app that: - Structures rambling voice notes - Removes "ums" and fillers - Automatically formats lists All animations and polish from one screenshot! Demo + code below

Ammaar Reshi

70,026 subscribers

136,954 views • 1 year ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Ammaar Reshi1 year ago

Check out all of the code below to make your own! Reach out to @o_lacombe and myself to share your creations and any feedback you may have!

PowerBeatsVR3 years ago

Get ready for a full-body VR workout that’s fun, fast, and intuitive — Play PowerBeatsVR (Now on Meta Quest) 🔥

Vignesh Chinnadurai1 year ago

It would be great if Canvas supported more packages, like the Tailwind CSS plugin DaisyUI. Currently, it only supports shadcn. When Gemini provides DaisyUI component code, the preview option is unavailable.

Ammaar Reshi1 year ago

This is great feedback cc @joshwoodward

Irfan Adam M1 year ago

🤘

RD Delgado1 year ago

Welcome back. So glad you're posting! Thank you! Please post more of these. I know you're at a new gig, but sometimes you gotta "give the people what they want!"

Ammaar Reshi1 year ago

You bet! I will be sharing a lot more open source examples soon to build off of :)

PENIEL1 year ago

Noooo Ammaar the umms give it flavor

Ammaar Reshi1 year ago

Hahah it keeps those too in the raw tab!

Phil Graham1 year ago

Love this dude, very well done! Definitely going to check it out for my voice notes!

Ammaar Reshi1 year ago

Thanks man! 🙏

Related Videos

I vibe coded Gemini 95 with Olivier Lacombe, a Windows 95 simulator where every app uses Gemini! ✨ - Paint judges your artwork - Chrome generates full 90s websites - Minesweeper gives AI hints Entirely built by Gemini 2.5 Pro in Cursor Demo + code below to open in AI Studio

I vibe coded Gemini 95 with Olivier Lacombe, a Windows 95 simulator where every app uses Gemini! ✨ - Paint judges your artwork - Chrome generates full 90s websites - Minesweeper gives AI hints Entirely built by Gemini 2.5 Pro in Cursor Demo + code below to open in AI Studio

Ammaar Reshi

57,997 views • 1 year ago

Gemini 2.5 Flash-Lite for instant UI! 🚀 Just vibe coded a chat app that only responds in dynamically generated UI to your prompts. No generation time was sped up. Enjoy five quick components in a matter of seconds, fun to see what fast models will enable. Demo + code below!

Gemini 2.5 Flash-Lite for instant UI! 🚀 Just vibe coded a chat app that only responds in dynamically generated UI to your prompts. No generation time was sped up. Enjoy five quick components in a matter of seconds, fun to see what fast models will enable. Demo + code below!

Ammaar Reshi

122,598 views • 11 months ago

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!

The pace at which Gemini 2.5 Pro is improving in code is wild! I generally leaned towards using Claude for code, but now I rely more on Gemini 2.5 Pro. It's just that good! Watch me use Gemini-2.5-Pro-05-06 to go from a YT video to an interactive slide deck app in minutes!

elvis

81,882 views • 1 year ago

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Watch Gemini 2.5 Pro vibe-code a 3D cake visualizer 🎂 Using Three.js, it builds custom animations, UI controls, updates the visuals based on feedback - and even gives price estimates. ↓

Google DeepMind

82,856 views • 1 year ago

New Gemini 2.5 Pro Preview I/O edition creates an amazing simulation of 100 men vs. a gorilla in one shot.

New Gemini 2.5 Pro Preview I/O edition creates an amazing simulation of 100 men vs. a gorilla in one shot.

Pietro Schirano

120,379 views • 1 year ago

We’re releasing an updated Gemini 2.5 Pro (I/O edition) to make it even better at coding. 🚀 You can build richer web apps, games, simulations and more - all with one prompt. In Google Gemini, here's how it transformed images of nature into code to represent unique patterns 🌱

We’re releasing an updated Gemini 2.5 Pro (I/O edition) to make it even better at coding. 🚀 You can build richer web apps, games, simulations and more - all with one prompt. In Google Gemini, here's how it transformed images of nature into code to represent unique patterns 🌱

Google DeepMind

854,324 views • 1 year ago

Fun interactive science app ideas | Part 5 Built a periodic table app that visualizes atomic and molecular structures UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Fun interactive science app ideas | Part 5 Built a periodic table app that visualizes atomic and molecular structures UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Dilum Sanjaya

97,739 views • 28 days ago

Vibe code powerful photo editing apps using the new Gemini 2.5 Flash Image! 🚀 I just made an app powered by nano banana 🍌 that takes your photo and turns it into polaroids from iconic decades. Export albums, share with friends, shake to regenerate! Demo + code below!

Vibe code powerful photo editing apps using the new Gemini 2.5 Flash Image! 🚀 I just made an app powered by nano banana 🍌 that takes your photo and turns it into polaroids from iconic decades. Export albums, share with friends, shake to regenerate! Demo + code below!

Ammaar Reshi

83,287 views • 10 months ago

Gemini 2.5 Pro is unlocking really exciting use cases at the intersection of coding and math. I remember my excitement when I first learned about the Mandelbrot set as a kid. Check out the code the Gemini 2.5 Pro model wrote given the prompt “p5js to explore a Mandelbrot set”!

Gemini 2.5 Pro is unlocking really exciting use cases at the intersection of coding and math. I remember my excitement when I first learned about the Mandelbrot set as a kid. Check out the code the Gemini 2.5 Pro model wrote given the prompt “p5js to explore a Mandelbrot set”!

Jeff Dean

18,996 views • 1 year ago

Model update: Gemini 2.5 Pro is now even better at coding! The new version `gemini-2.5-pro-preview-05-06` is great for building more complex apps with high-quality, visually appealing UI with fewer prompts. Here's a fun personal finance app it built:

Model update: Gemini 2.5 Pro is now even better at coding! The new version `gemini-2.5-pro-preview-05-06` is great for building more complex apps with high-quality, visually appealing UI with fewer prompts. Here's a fun personal finance app it built:

Patrick Loeber

84,504 views • 1 year ago

Nano Banana → instant Virtual Try On app ✨ I vibe coded an app where you can upload a photo of yourself, and nano banana turns you into a fashion model. Try different outfits and upload clothes, changes poses, and even wear Gemini swag. Fully open source! Demo below.

Nano Banana → instant Virtual Try On app ✨ I vibe coded an app where you can upload a photo of yourself, and nano banana turns you into a fashion model. Try different outfits and upload clothes, changes poses, and even wear Gemini swag. Fully open source! Demo below.

Ammaar Reshi

191,603 views • 9 months ago

Here is a complete guide to the vibe coding process we're using to redesign Google AI Studio ✨ Below is practical advice you can apply to your own projects: - Create a vibe coded prototype that feels polished - Migrate from Figma to code - Adding animations Full episode 👇

Here is a complete guide to the vibe coding process we're using to redesign Google AI Studio ✨ Below is practical advice you can apply to your own projects: - Create a vibe coded prototype that feels polished - Migrate from Figma to code - Adding animations Full episode 👇

Ammaar Reshi

166,950 views • 9 months ago

This is the progression of a "3D Flappy Bird" game I made using Gemini 2.5 Pro and Sonnet 3.7. Wrote 0 lines of code and have 0 experience with games or graphics. Vibe-coded over 1 hour with a tool that integrates with vanilla VS Code (no special editor or proprietary fork).

This is the progression of a "3D Flappy Bird" game I made using Gemini 2.5 Pro and Sonnet 3.7. Wrote 0 lines of code and have 0 experience with games or graphics. Vibe-coded over 1 hour with a tool that integrates with vanilla VS Code (no special editor or proprietary fork).

Beyang

17,323 views • 1 year ago

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:

Can't believe it. Can't believe AI. I just vibe coded a diary with realistic page flip GSAP animations entirely using Gemini 3.1 Pro in Google AI Studio. And yeah… it’s fully responsive too. At this point what even is “development” anymore?? Live: Code:

The Bugged Dev

54,250 views • 2 months ago

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

Addy Osmani

125,522 views • 1 year ago

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️

AA

16,934 views • 1 year ago

Very excited to share the best coding model we’ve ever built! Today we’re launching Gemini 2.5 Pro Preview 'I/O edition' with massively improved coding capabilities. Ranks no.1 on LMArena in Coding and no.1 on the WebDev Arena Leaderboard. It’s especially good at building interactive web apps - this demo shows how it can be helpful for prototyping ideas. Try it in Google Gemini, Vertex AI, and AI Studio Enjoy the pre-I/O goodies !

Very excited to share the best coding model we’ve ever built! Today we’re launching Gemini 2.5 Pro Preview 'I/O edition' with massively improved coding capabilities. Ranks no.1 on LMArena in Coding and no.1 on the WebDev Arena Leaderboard. It’s especially good at building interactive web apps - this demo shows how it can be helpful for prototyping ideas. Try it in Google Gemini, Vertex AI, and AI Studio Enjoy the pre-I/O goodies !

Demis Hassabis

995,344 views • 1 year ago

GPT-5 thinking has been incredible at coding so far i'm not a big fan of vibe coding, but just tried a "browser OS" test in one shot - gemini 2.5 pro failed - claude 4.1 handled flow better, but not as good overall - gpt-5 nailed it, and added all the standard features DEMO 👇

GPT-5 thinking has been incredible at coding so far i'm not a big fan of vibe coding, but just tried a "browser OS" test in one shot - gemini 2.5 pro failed - claude 4.1 handled flow better, but not as good overall - gpt-5 nailed it, and added all the standard features DEMO 👇

Haider.

43,656 views • 10 months ago

I invented a new term... "Vibe-cosign" Vibe-coding and vibe-design merged into 1. Right now vibe-coded frontends / UI look like SLOP. So that’s why we’re building Clovr.

I invented a new term... "Vibe-cosign" Vibe-coding and vibe-design merged into 1. Right now vibe-coded frontends / UI look like SLOP. So that’s why we’re building Clovr.

Alby Churven

23,556 views • 3 months ago

Big news from AI Studio! You can now generate AI apps that are instantly connected to the Gemini SDK! ✨ Here's a one-shot demo of a text adventure game that uses Imagen and Gemini without writing a line of code. No setup and no key required. Demo below and code 👇

Big news from AI Studio! You can now generate AI apps that are instantly connected to the Gemini SDK! ✨ Here's a one-shot demo of a text adventure game that uses Imagen and Gemini without writing a line of code. No setup and no key required. Demo below and code 👇

Ammaar Reshi

113,487 views • 1 year ago