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.

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

1,434,561 subscribers

82,856 views • 1 year ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

9 Comments

Three.js1 year ago

@mrdoob 🎂😋

AshutoshShrivastava1 year ago

This is really cool.

Gwri Pennar1 year ago

I was able to replicate this on Gemini Advanced, just signed up today. It's really impressive.

AI Pro Workflow1 year ago

Wild to think: what used to take a full dev + design sprint can now happen in conversation. Gemini 2.5 + Three.js = rapid prototyping on steroids. Imagine automating custom product builders across ecom with this. #Ecommerce

Jo1 year ago

can the 3d models it make in threejs be converted to stl and 3d printed?

Warden1 year ago

Now imagine this plugged into e-commerce. Instant custom orders.

Apollo1 year ago

somewhere out there, a bakery intern just whispered "i am not surviving the AGI timeline" . i guess Prompt Chef is now a thing?

Salimine Ahmed1 year ago

When Gemini 2.5 Ultra 👀

DataInsta1 year ago

wow, technology really makes our baking dreams a reality!

Related Videos

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

The Bugged Dev

45,706 views • 2 months ago

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

The Bugged Dev

20,631 views • 4 months ago

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

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

136,954 views • 1 year 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

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

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

The Bugged Dev

21,128 views • 4 months ago

Holy moly, I finally vibe coded a website I’ve always dreamt of building 🥹 Nah, it’s not a Blender model. Not even for 3D podium. It’s pure geometry built using Three.js with color maps (albedo), spring-based physics, a hybrid DOM, real-time planar reflections, and more. Completely vibe coded all using Gemini 3 Pro in Google AI Studio!! Live:

Holy moly, I finally vibe coded a website I’ve always dreamt of building 🥹 Nah, it’s not a Blender model. Not even for 3D podium. It’s pure geometry built using Three.js with color maps (albedo), spring-based physics, a hybrid DOM, real-time planar reflections, and more. Completely vibe coded all using Gemini 3 Pro in Google AI Studio!! Live:

The Bugged Dev

160,001 views • 4 months ago

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

AI can't build complex websites, they said. So I vibe coded a hyper realistic 3D tunnel gallery using Three.js with Gemini 3.1 pro in Google AI Studio in < 1 hour. It runs on Catmull Rom splines with a treadmill style sliding geometry, custom fragment shaders with depth based fog, and tight optimizations like texture disposal, disabled frustum checks, and capped DPR to keep it smooth even on long infinite scrolls. All of this is seriously hard to learn and build manually, but AI pulls it together so well! Live: Code:

The Bugged Dev

18,135 views • 2 months ago

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

The easiest way to build an MCP Server using Google DeepMind Gemini 2.5 Pro and get started! 1. Use Gitingest to get all the code and docs from the FastMCP repo 2. Download the code into a txt file 3. Go to AI Studio, upload the file, define what kind of MCP Server you want to build 4. Gemini 2.5 Pro builds it for you.

Philipp Schmid

75,947 views • 1 year ago

Wow Gemini 2.5 Pro has received a big update This new model generated a full 3D city simulation in a single prompt 🔥 Its code and UI generation capabilities are impressive. You can already use it for free

Wow Gemini 2.5 Pro has received a big update This new model generated a full 3D city simulation in a single prompt 🔥 Its code and UI generation capabilities are impressive. You can already use it for free

Paul Couvert

93,630 views • 1 year ago

Here's how Gemini 2.5 Flash-Lite writes the code for a UI and its contents based solely on the context of what appears in the previous screen - all in the time it takes to click a button. 💻 ↓

Here's how Gemini 2.5 Flash-Lite writes the code for a UI and its contents based solely on the context of what appears in the previous screen - all in the time it takes to click a button. 💻 ↓

Google DeepMind

1,057,776 views • 11 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

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.

You can team Gemini 2.5 Pro with OpenAI's o3 model to build beautiful SwiftUI animations. This example prompts Gemini 2.5 Pro to watch an mp4 video of a recorded animation and generate a SwiftUI version. Gemini 2.5 Pro isn't great at fixing SwiftUI errors, so we bring o3 to fix all errors using ChatGPT Chat Bar. I will share the gist in a comment.

Amos Gyamfi

18,408 views • 1 year ago

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Puneet | Techartist

50,934 views • 1 year ago

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Vibe coding a web-based MMORPG w/ Three.js updates: 🎒 Basic inventory 🧙‍♂️ Item equipping 🧌 Enemy combat logic 💔 Damage UI The wizard staff was generated with Google Gemini + TRELLIS like the characters. Need to work on the clipping issues with the terrain, anyone have tips?

Majid Manzarpour

46,507 views • 1 year ago

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,475,993 views • 9 months ago

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓

Vibe coded a ship selection UI for a space exploration game 3D assets Nano Banana + Midjourney → Hunyuan3D UI Nano Banana → Gemini Pro More details ↓

Dilum Sanjaya

1,887,536 views • 4 months 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,139 views • 1 month ago

Gemini 2.5 Pro really is impressive... "Can you create a simple 3d car simulator with Three.js in a single HTML? Please add clouds, mountains, a road, some trees and a train going around. Make sure it works on mobile."

Gemini 2.5 Pro really is impressive... "Can you create a simple 3d car simulator with Three.js in a single HTML? Please add clouds, mountains, a road, some trees and a train going around. Make sure it works on mobile."

mrdoob

175,394 views • 1 year ago

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Dilum Sanjaya

50,904 views • 4 months ago