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

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,854 views • 7 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

137,132 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

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

191,527 views • 7 months 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 • 7 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,762 views • 5 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

76,010 views • 1 year ago

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Google Gemini

1,128,478 views • 3 months 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,708 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,059,646 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

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,626 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,391 views • 4 months ago

The plot thickens. 🕵️ Use Gemini 2.5 Pro in the Google Gemini to turn random videos from your camera roll into a dramatic narrative. Try it yourself: 1️⃣ Go to Gemini and select “2.5 Pro” from the model dropdown. 2️⃣ Tap the plus icon and upload three videos from your camera roll. (Pro/Ultra subscribers, try using your Veo creations! 🎥) 3️⃣ Ask Gemini to write a short story based on the videos. Here’s our prompt to get you started: “Come up with a premise for an epic adventure based on these videos.”

The plot thickens. 🕵️ Use Gemini 2.5 Pro in the Google Gemini to turn random videos from your camera roll into a dramatic narrative. Try it yourself: 1️⃣ Go to Gemini and select “2.5 Pro” from the model dropdown. 2️⃣ Tap the plus icon and upload three videos from your camera roll. (Pro/Ultra subscribers, try using your Veo creations! 🎥) 3️⃣ Ask Gemini to write a short story based on the videos. Here’s our prompt to get you started: “Come up with a premise for an epic adventure based on these videos.”

Google

164,567 views • 1 year ago

KIMI K3 BUILDS A 3D SPACEX LAUNCH ATLAS IN 2.5 HOURS A developer used Moonshot AI's Kimi K3 to build an interactive 3D globe visualizing 20 years of SpaceX launches. Built with React 19, Three.js, and custom GLSL shaders, it parses real data across 708 missions to play back live launch animations in under three hours.

KIMI K3 BUILDS A 3D SPACEX LAUNCH ATLAS IN 2.5 HOURS A developer used Moonshot AI's Kimi K3 to build an interactive 3D globe visualizing 20 years of SpaceX launches. Built with React 19, Three.js, and custom GLSL shaders, it parses real data across 708 missions to play back live launch animations in under three hours.

0xMarioNawfal

53,575 views • 1 month ago

YES! This desktop app gives you checkpoints and reverts in Claude Code (needed it soo badly!) - Interactive UI for vibe coders - No code setup of MCP servers - Creating custom agents - Usage tracking - (and lots more) Watch the 2m demo and grab link in replies ↓

YES! This desktop app gives you checkpoints and reverts in Claude Code (needed it soo badly!) - Interactive UI for vibe coders - No code setup of MCP servers - Creating custom agents - Usage tracking - (and lots more) Watch the 2m demo and grab link in replies ↓

Ian Nuttall

68,766 views • 1 year ago

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 views • 6 months ago