Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

thebuggeddev's profile picture

The Bugged Dev

4,450 subscribers

44,925 Aufrufe • vor 2 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

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,139 Aufrufe • vor 1 Monat

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

43,670 Aufrufe • vor 1 Monat

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

45,706 Aufrufe • vor 1 Monat

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

Inspired by Omma'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'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

46,849 Aufrufe • vor 2 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

159,802 Aufrufe • vor 4 Monaten

omg.. I can't believe Gemini 3 can do this it can generate an entire 3D interactive building facility management system(digital twin) using Three.js.. no code, just text prompt it analyse, simulate real time data to identify potential issues tutorial and prompts in comments
0:21

omg.. I can't believe Gemini 3 can do this it can generate an entire 3D interactive building facility management system(digital twin) using Three.js.. no code, just text prompt it analyse, simulate real time data to identify potential issues tutorial and prompts in comments

el.cine

680,528 Aufrufe • vor 6 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

14,856 Aufrufe • vor 4 Monaten

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.
0:36

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 Aufrufe • vor 10 Monaten

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,273,426 Aufrufe • vor 9 Monaten

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!
0:22

If you're using Claude Code, but haven't started using Skills... you need to get on it NOW I built 2 skills: - Nano Banana Pro - Three.js Used them to create this AI app that takes my picture and creates interactive 3d greeting cards Full video tutorial landing tomorrow! Just in time for Christmas!

Chong-U

238,750 Aufrufe • vor 5 Monaten

⚡️ Execute sophisticated multi-step workflows and manage complex tasks with Gemini 3.1 Pro → Start building with the model via the Gemini API in Google AI Studio, @GeminiCLI, Google @Antigravity, and Android Studio.
1:06

⚡️ Execute sophisticated multi-step workflows and manage complex tasks with Gemini 3.1 Pro → Start building with the model via the Gemini API in Google AI Studio, @GeminiCLI, Google @Antigravity, and Android Studio.

Google for Developers

15,957 Aufrufe • vor 3 Monaten

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

46,992 Aufrufe • vor 1 Monat

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.
0:42

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

Techartist

14,276,274 Aufrufe • vor 10 Monaten

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it
0:45

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it

corbin

187,730 Aufrufe • vor 7 Monaten

I just built a Voice AI Agent for insurance claims using Gemini 3.1 Flash Live and Google ADK. Talk to it. It fills the intake form, extracts claim details, and routes to an adjuster in real-time. 100% Opensource.
2:04

I just built a Voice AI Agent for insurance claims using Gemini 3.1 Flash Live and Google ADK. Talk to it. It fills the intake form, extracts claim details, and routes to an adjuster in real-time. 100% Opensource.

Shubham Saboo

70,257 Aufrufe • vor 1 Monat

We asked, you vibe coded. We’re kicking off this year’s keynote with numbers you helped vibe code in Google Gemini and Google AI Studio. Your countdown submissions are kicking off #GoogleIO in 10…9…8…
0:57

We asked, you vibe coded. We’re kicking off this year’s keynote with numbers you helped vibe code in Google Gemini and Google AI Studio. Your countdown submissions are kicking off #GoogleIO in 10…9…8…

Google

79,451 Aufrufe • vor 16 Tagen

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI
1:22

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Three.js Resources

58,255 Aufrufe • vor 1 Jahr

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 Aufrufe • vor 11 Monaten