Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

thebuggeddev's profile picture

The Bugged Dev

4,759 subscribers

18,762 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

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

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,267 Aufrufe • vor 4 Monaten

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

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

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

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 this manually would be an absolute nightmare for me 🫠 Live: Code:
0:36

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 this manually would be an absolute nightmare for me 🫠 Live: Code:

The Bugged Dev

47,251 Aufrufe • vor 4 Monaten

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

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

44,233 Aufrufe • vor 3 Monaten

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:
0:30

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:

The Bugged Dev

19,510 Aufrufe • vor 6 Monaten

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

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

180,855 Aufrufe • vor 6 Monaten

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️
0:41

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️

Google

184,111 Aufrufe • vor 6 Monaten

From a single voice prompt to a deployed, real-time AI app in minutes. Watch Thor demonstrate the power of Google AI Studio: 1️⃣ Builds a multilingual interview simulator using Gemini 3.1 Flash Live. 2️⃣ Deploy it instantly to the web via Google Cloud Run. 3️⃣ Remixes it into a customer support agent with PDF knowledge docs. Ready to start your vibe coding journey? Build, remix, and check out the gallery at
1:13

From a single voice prompt to a deployed, real-time AI app in minutes. Watch Thor demonstrate the power of Google AI Studio: 1️⃣ Builds a multilingual interview simulator using Gemini 3.1 Flash Live. 2️⃣ Deploy it instantly to the web via Google Cloud Run. 3️⃣ Remixes it into a customer support agent with PDF knowledge docs. Ready to start your vibe coding journey? Build, remix, and check out the gallery at

Google for Developers

10,642 Aufrufe • vor 2 Monaten

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

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

Gemini 3.1 Flash-Lite is the model to build always on multimodal AI Agents. I just built a memory agent with Google ADK that runs 24/7. Feed it text, images, audio, video or PDFs. It reads, connects and consolidates everything while you sleep. 100% Opensource code.
1:05

Gemini 3.1 Flash-Lite is the model to build always on multimodal AI Agents. I just built a memory agent with Google ADK that runs 24/7. Feed it text, images, audio, video or PDFs. It reads, connects and consolidates everything while you sleep. 100% Opensource code.

Shubham Saboo

24,930 Aufrufe • vor 5 Monaten

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 🔜
1:05

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,396 Aufrufe • vor 5 Monaten

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:
1:40

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:

The Bugged Dev

98,323 Aufrufe • vor 1 Monat

Google just did it again. They just launched "Google Skills" a free platform to turn anyone into an AI expert. 3,000+ courses, labs & certificates from Google Cloud, DeepMind, and Grow with Google all in one place. → Learn AI, data, and coding from real Google engineers → Earn credentials that actually get you hired → Build hands-on projects with Gemini Code Assist → Compete on global leaderboards and share your wins No paywalls. No BS. Just world-class AI education free. This might be the biggest AI upskilling move of the decade. 👉
0:56

Google just did it again. They just launched "Google Skills" a free platform to turn anyone into an AI expert. 3,000+ courses, labs & certificates from Google Cloud, DeepMind, and Grow with Google all in one place. → Learn AI, data, and coding from real Google engineers → Earn credentials that actually get you hired → Build hands-on projects with Gemini Code Assist → Compete on global leaderboards and share your wins No paywalls. No BS. Just world-class AI education free. This might be the biggest AI upskilling move of the decade. 👉

Alex Veremeyenko

41,920 Aufrufe • vor 9 Monaten

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:
0:49

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

102,570 Aufrufe • vor 25 Tagen

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

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

218,330 Aufrufe • vor 10 Tagen

For developers, Gemini 3 Pro offers unparalleled results across every major AI benchmark compared to Gemini 2.5 Pro. Here three ways Gemini 3 Pro can improve your workflow today: 1. Gemini 3 Pro fits right into existing production agent and coding workflows. It is also integrated into development environment experiences across the ecosystem of developer products like Google AI Studio, Gemini CLI, and Android Studio. 2. We introduced Google Google Antigravity, a new agentic development platform that reimagines how the model and IDE work together. It enables developers to manage agents to work at a higher, task-oriented level collaborating with agents while they build. 3. We’ve built Google AI Studio to be your fastest path from a prompt to an AI-native app. Build mode lets you add AI capabilities faster than ever, automatically wiring up the right models and APIs, while features like annotations enable fast and intuitive iteration. Whether you’re building a one-shot prompt game or an interactive landing page from unstructured voice notes, you can bring any idea to life with Gemini 3.
0:48

For developers, Gemini 3 Pro offers unparalleled results across every major AI benchmark compared to Gemini 2.5 Pro. Here three ways Gemini 3 Pro can improve your workflow today: 1. Gemini 3 Pro fits right into existing production agent and coding workflows. It is also integrated into development environment experiences across the ecosystem of developer products like Google AI Studio, Gemini CLI, and Android Studio. 2. We introduced Google Google Antigravity, a new agentic development platform that reimagines how the model and IDE work together. It enables developers to manage agents to work at a higher, task-oriented level collaborating with agents while they build. 3. We’ve built Google AI Studio to be your fastest path from a prompt to an AI-native app. Build mode lets you add AI capabilities faster than ever, automatically wiring up the right models and APIs, while features like annotations enable fast and intuitive iteration. Whether you’re building a one-shot prompt game or an interactive landing page from unstructured voice notes, you can bring any idea to life with Gemini 3.

Google AI

136,648 Aufrufe • vor 8 Monaten

✨ To inspire more people to go build something now that we have AI to help us (especially non-tech people, cause I still know so many who are scared of building something): I added a [ BUILD IT ] button to It's like a mini-Lovable/Replit/v0: Any idea you see you like, you can click [ BUILD IT ], and it will use Opus 4.6 to build a landing page for it And then you can download the code it generated It's not a full startup of course, but a nice preview of what it can be, to give you an idea and inspire you to build it out further The code is live streamed also so you can see it being built 😊 Ironically this itself took me 1 hour to build with AI too Completely free and I pay for the tokens (please don't abuse it :D)
0:55

✨ To inspire more people to go build something now that we have AI to help us (especially non-tech people, cause I still know so many who are scared of building something): I added a [ BUILD IT ] button to It's like a mini-Lovable/Replit/v0: Any idea you see you like, you can click [ BUILD IT ], and it will use Opus 4.6 to build a landing page for it And then you can download the code it generated It's not a full startup of course, but a nice preview of what it can be, to give you an idea and inspire you to build it out further The code is live streamed also so you can see it being built 😊 Ironically this itself took me 1 hour to build with AI too Completely free and I pay for the tokens (please don't abuse it :D)

@levelsio

276,957 Aufrufe • vor 4 Monaten

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

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

Google AI Studio Build Mode Review - I give it an 8/10. - comparable to other AI app builders in quality, but free to use (they must be losing money on this, no?) - turns simple/broad ideas into working micro apps in very short time... speed was impressive, actually - struggled with analyzing a YouTube video link, unfortunate since it's owned by Google - BIGGEST WIN: AI studio integrates with Google products and can build with existing data from those apps. Google Maps shown in demo below. It gets an 8/10 compared to other providers, largely because of the Google product integrations. Also, the burger at Spruce is fantastic.
0:58

Google AI Studio Build Mode Review - I give it an 8/10. - comparable to other AI app builders in quality, but free to use (they must be losing money on this, no?) - turns simple/broad ideas into working micro apps in very short time... speed was impressive, actually - struggled with analyzing a YouTube video link, unfortunate since it's owned by Google - BIGGEST WIN: AI studio integrates with Google products and can build with existing data from those apps. Google Maps shown in demo below. It gets an 8/10 compared to other providers, largely because of the Google product integrations. Also, the burger at Spruce is fantastic.

Allie K. Miller

23,007 Aufrufe • vor 8 Monaten