Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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's profile picture

Ammaar Reshi

70,026 subscribers

136,954 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ammaar Reshi
Ammaar Reshivor 1 Jahr

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!

Profilbild von PowerBeatsVR
PowerBeatsVRvor 3 Jahren

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

Profilbild von Vignesh Chinnadurai
Vignesh Chinnaduraivor 1 Jahr

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.

Profilbild von Ammaar Reshi
Ammaar Reshivor 1 Jahr

This is great feedback cc @joshwoodward

Profilbild von Irfan Adam M
Irfan Adam Mvor 1 Jahr

🤘

Profilbild von RD Delgado
RD Delgadovor 1 Jahr

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!"

Profilbild von Ammaar Reshi
Ammaar Reshivor 1 Jahr

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

Profilbild von PENIEL
PENIELvor 1 Jahr

Noooo Ammaar the umms give it flavor

Profilbild von Ammaar Reshi
Ammaar Reshivor 1 Jahr

Hahah it keeps those too in the raw tab!

Profilbild von Phil Graham
Phil Grahamvor 1 Jahr

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

Profilbild von Ammaar Reshi
Ammaar Reshivor 1 Jahr

Thanks man! 🙏

Ähnliche 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
0:40

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 Aufrufe • vor 1 Jahr

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!
1:06

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 Aufrufe • vor 11 Monaten

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!
8:23

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 Aufrufe • vor 1 Jahr

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. ↓
1:41

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

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 🌱
0:29

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 Aufrufe • vor 1 Jahr

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 ↓
0:49

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 Aufrufe • vor 29 Tagen

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!
0:26

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 Aufrufe • vor 10 Monaten

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”!
0:46

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 Aufrufe • vor 1 Jahr

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:
0:39

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 Aufrufe • vor 1 Jahr

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.
0:42

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 Aufrufe • vor 9 Monaten

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 👇
0:50

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

167,251 Aufrufe • vor 9 Monaten

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).
0:06

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 Aufrufe • vor 1 Jahr

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:
0:26

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 Aufrufe • vor 2 Monaten

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

"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 Aufrufe • vor 1 Jahr

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 ⚽️
0:26

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 Aufrufe • vor 1 Jahr

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 !
0:32

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 Aufrufe • vor 1 Jahr

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 👇
1:34

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 Aufrufe • vor 10 Monaten

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.
0:50

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 Aufrufe • vor 3 Monaten

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 👇
0:51

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 Aufrufe • vor 1 Jahr