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.

Inspired by Omma AI's project, vibe coded a generative voxel planet website using Three.js in Google AI Studio with Gemini 3.1 pro. Freakinn craziest thing is, this is PURE MATH. No 3D model and each planet renders 25,000 voxels cubes in fraction of second. Trying to build something like... show more

The Bugged Dev

7,243 subscribers

47,251 views • 5 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:

The Bugged Dev

47,744 views • 5 months ago

This is PURE MATH!! Built fully with Three.js and completely vibe coded using Gemini 3.1 Pro in Google AI Studio. This is what AI can do right now. I have been vibe coding a lot of websites lately and every day these models go beyond what I thought was possible 🤯 Still in awe. Expect more voxel 3D drops coming to my feed :) Remix:

This is PURE MATH!! Built fully with Three.js and completely vibe coded using Gemini 3.1 Pro in Google AI Studio. This is what AI can do right now. I have been vibe coding a lot of websites lately and every day these models go beyond what I thought was possible 🤯 Still in awe. Expect more voxel 3D drops coming to my feed :) Remix:

The Bugged Dev

30,073 views • 5 months ago

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

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

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

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

46,011 views • 5 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,391 views • 4 months ago

If you think a website can’t be vibe coded from just a design reference image, you’re seriously underestimating what’s possible 🥶 I’ve been building a lot of websites this way lately, and this is one of them. Vibe coded a MindInventory’s design using Gemini inside Google AI Studio in under 1 hour 🔥

If you think a website can’t be vibe coded from just a design reference image, you’re seriously underestimating what’s possible 🥶 I’ve been building a lot of websites this way lately, and this is one of them. Vibe coded a MindInventory’s design using Gemini inside Google AI Studio in under 1 hour 🔥

The Bugged Dev

12,646 views • 4 months ago

Back to vibe coding after such a looong time 🫠 Anyway, here’s a fully built Skills Shack (shook) website with cooool SVG animations using GSAP. Zero assets used. No videos. No PNGs. No GIFs. No BIFs 👀 Everything is AI-generated using Gemini 3 Pro in Google AI Studio :D Live:

Back to vibe coding after such a looong time 🫠 Anyway, here’s a fully built Skills Shack (shook) website with cooool SVG animations using GSAP. Zero assets used. No videos. No PNGs. No GIFs. No BIFs 👀 Everything is AI-generated using Gemini 3 Pro in Google AI Studio :D Live:

The Bugged Dev

16,935 views • 7 months ago

Casually vibe coded Trevor Noah's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in Three.js with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: Code:

Casually vibe coded Trevor Noah's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in Three.js with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: Code:

The Bugged Dev

238,530 views • 1 month ago

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building

Maor Shlomo

24,630 views • 6 months ago

Built this in 2 hours … lol 🫣 You can load your 3D architecture model, drop it anywhere on Google Maps, and render it at real locations…from any perspective you want. Day and night. All browser-based. Shoutout to Google AI Studio and Logan Kilpatrick Gemini 3.1 pro Preview is finally back on track after 3 rough weeks 🦾 Totally worth the wait though. My clients are gonna love this one. And I’m only 2 hours into the project. Wild Google Gemini Three.js Elon Musk Google Maps el.cine Kris Kashtanova

Built this in 2 hours … lol 🫣 You can load your 3D architecture model, drop it anywhere on Google Maps, and render it at real locations…from any perspective you want. Day and night. All browser-based. Shoutout to Google AI Studio and Logan Kilpatrick Gemini 3.1 pro Preview is finally back on track after 3 rough weeks 🦾 Totally worth the wait though. My clients are gonna love this one. And I’m only 2 hours into the project. Wild Google Gemini Three.js Elon Musk Google Maps el.cine Kris Kashtanova

Miles Dyson

94,339 views • 6 months ago

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜

For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜

The Bugged Dev

167,602 views • 6 months ago

I've been a proponent of the idea of combining 3d and generative ai for a long time - as a way to get the best of both worlds: The precision and control of 3d - the detail, realism, lighting and speed of generative models. Here's another example of that idea, realized through a procedural system - entirely vibe-coded with Fable. Inspired by a photograph I took of an old tower in a town in southern France. In the first part of the video I'm using Krea AI's realtime model - later examples show how Nano Banana 2 can be used to take 3d stills and transform them to pretty much anything. What do you think of workflows like this compared to purely generating video or images from text, image or video input?

I've been a proponent of the idea of combining 3d and generative ai for a long time - as a way to get the best of both worlds: The precision and control of 3d - the detail, realism, lighting and speed of generative models. Here's another example of that idea, realized through a procedural system - entirely vibe-coded with Fable. Inspired by a photograph I took of an old tower in a town in southern France. In the first part of the video I'm using Krea AI's realtime model - later examples show how Nano Banana 2 can be used to take 3d stills and transform them to pretty much anything. What do you think of workflows like this compared to purely generating video or images from text, image or video input?

Martin Nebelong

20,265 views • 1 month ago

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

The Bugged Dev

15,473 views • 7 months ago