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.

[Day 21] My vibe coding journey: Initial prompt: "Create a 3D website where, as the user scrolls, an astronaut flies through space, passes through a 4D tunnel to another universe, breaks through a monitor screen, and then returns to a normal web experience." I can't believe it works! I... show more

ᴇᴅᴀɴ ᴋᴡᴀɴ

8,206 subscribers

128,045 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

12 Comments

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

Live link: 💖

PowerBeatsVR3 years ago

VR fitness app PowerBeatsVR has just made its way to the official Meta Quest store! Grab it now and enjoy a fun workout anywhere, anytime, and without any subscription ever:

Sarlloc ✭1 year ago

this is simple html work, cant believe you had to use @threejs i sense skill issues

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

@threejs That's the beauty about vibe coding. You don't need to have good coding skills anymore. You just need to direct and steer the wheel to control the style and vibe of your artwork. Welcome to 2025.

Rishi1 year ago

top tier bait

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

Calling me a liar!? 😤

robot1 year ago

prompts or didn't happen

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

I shared the initial prompt in the OP. Not going to share all secrets. I will make million dollars with vibe coding. Hit the subscribe button to learn more about vibe coding!

0xDesigner1 year ago

i will send you money right now if you prove you made this with only prompts

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

Get your money ready. Full AI dialog coming soon. Source included. Go subscribe and follow while I am cooking. 😘

Robert Borghesi1 year ago

yeah, but can you do it in @framer ?

ᴇᴅᴀɴ ᴋᴡᴀɴ1 year ago

@framer We used @cursor_ai and of course great amount of AI/ML and good vibe as well.

Related Videos

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Alex Finn

40,955 views • 8 months ago

Happiest Birthday to the only woman ever!! I am forever grateful to live in a time where she exists and I get to experience her art, generosity, and kindness through a tiny screen. HAPPY BIRTHDAY TAYLOR 🤍

Happiest Birthday to the only woman ever!! I am forever grateful to live in a time where she exists and I get to experience her art, generosity, and kindness through a tiny screen. HAPPY BIRTHDAY TAYLOR 🤍

Taylor Swift Fan Archive

17,132 views • 6 months ago

Creator of Claude Code : "I don't prompt Claude anymore. I create loops - and the loops do the work. My job is to create loops." In 30 minutes, Boris breaks down his real daily Claude Code setup. Claude + loops + routines + dynamic workflow Worth more than a $500 vibe-coding course

Creator of Claude Code : "I don't prompt Claude anymore. I create loops - and the loops do the work. My job is to create loops." In 30 minutes, Boris breaks down his real daily Claude Code setup. Claude + loops + routines + dynamic workflow Worth more than a $500 vibe-coding course

Codez

146,360 views • 21 days ago

It took me less than 10 minutes to create this scene. The longest part was finding the style for my initial image. I used Grok Imagine's extension video to ensure perfect continuity of style, voice, and music. Then I animated it, prompting in my native language without asking for any dialogue. Grok understood everything I asked and created a dialogue between the children in perfect French. I later posted the same children with a prompt in English, and this time, the dialogue was in English. I used Grok Imagine to create the image, animate it, and then extend the video to 30 seconds. I then started again with an image that I modified through editing and used it to tell another story.

It took me less than 10 minutes to create this scene. The longest part was finding the style for my initial image. I used Grok Imagine's extension video to ensure perfect continuity of style, voice, and music. Then I animated it, prompting in my native language without asking for any dialogue. Grok understood everything I asked and created a dialogue between the children in perfect French. I later posted the same children with a prompt in English, and this time, the dialogue was in English. I used Grok Imagine to create the image, animate it, and then extend the video to 30 seconds. I then started again with an image that I modified through editing and used it to tell another story.

Déborah

500,949 views • 3 months ago

Sir Lewis Hamilton: "I wanted to be either an astronaut, Ayrton [Senna], or Superman. So those were my three dreams as a kid." "There's still time to be an astronaut. I know an astronaut, and I've spoken to an astronaut on the space station. Through Facetime. And he's floating in space. And I'm like 'I don't believe it'. I said, 'show me your colleagues'. So he turns the camera around, and his friend is floating there on the laptop. It was the coolest call ever."

Sir Lewis Hamilton: "I wanted to be either an astronaut, Ayrton [Senna], or Superman. So those were my three dreams as a kid." "There's still time to be an astronaut. I know an astronaut, and I've spoken to an astronaut on the space station. Through Facetime. And he's floating in space. And I'm like 'I don't believe it'. I said, 'show me your colleagues'. So he turns the camera around, and his friend is floating there on the laptop. It was the coolest call ever."

sim 🇧🇷🇲🇽🇸🇳🇫🇷🇭🇹

777,843 views • 7 months ago

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Zara Zhang

180,902 views • 3 months ago

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

Techartist

2,853,829 views • 10 months ago

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

@levelsio

458,589 views • 10 months ago

I can't code and I'm not a designer. But I managed to create this cool, interactive website with Figma's new prompt-to-code tool. Lessons learned from my explorations in "vibe designing" 👇

I can't code and I'm not a designer. But I managed to create this cool, interactive website with Figma's new prompt-to-code tool. Lessons learned from my explorations in "vibe designing" 👇

Justine Moore

176,543 views • 1 year ago

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

Zara Zhang

31,531 views • 12 days ago

USER BUILDS ENTIRE 3D GAME USING ONLY GROK 3 X account posted their impressive journey creating a 3D space game entirely through conversation with Grok 3, generating over 3,500 lines of complex game logic through prompts alone. The AI produced everything from basic 3D worlds to tube path navigation, first-person views, and even multiple celestial bodies orbiting each other—all without traditional coding interfaces. Source: Dan xAI

USER BUILDS ENTIRE 3D GAME USING ONLY GROK 3 X account posted their impressive journey creating a 3D space game entirely through conversation with Grok 3, generating over 3,500 lines of complex game logic through prompts alone. The AI produced everything from basic 3D worlds to tube path navigation, first-person views, and even multiple celestial bodies orbiting each other—all without traditional coding interfaces. Source: Dan xAI

Mario Nawfal

2,999,618 views • 1 year ago

Apple quietly released another new visionOS 2 sample project for developers! It shows how to create a portal where you can view a 3D environment through a flat plane and then step into it as an immersive space. It looks amazing! Shoutout to Tom Krikorian ᯅ for finding it!

Apple quietly released another new visionOS 2 sample project for developers! It shows how to create a portal where you can view a 3D environment through a flat plane and then step into it as an immersive space. It looks amazing! Shoutout to Tom Krikorian ᯅ for finding it!

Justin Ryan ᯅ

32,191 views • 1 year ago

“ARM IN A SLING” Fresh out of the surgery I was going through a new experience I’ve never faced. Live to learn and learning to live brought some struggles and challenges. So I had to share my experience and thoughts the way I like to do humbly speaking 👑 - WAVY

“ARM IN A SLING” Fresh out of the surgery I was going through a new experience I’ve never faced. Live to learn and learning to live brought some struggles and challenges. So I had to share my experience and thoughts the way I like to do humbly speaking 👑 - WAVY

Mr Wavy

15,763 views • 2 years ago

That's a wrap! My Panda exploration / 3D platformer game is signed, sealed, and delivered to @levelsio's #vibejam 💫 The last 2 weeks have felt like a whirlwind -- I learned so much, multiplied my normal productivity, made friends in this awesome community, and am excited to keep building cool things for the web after this 🦾 🧵 below with some demo videos, journey from start to finish, and key learnings after 2 weeks of vibe-coding with Claude, Grok, and Three.js Oh, and the whole project is open source (my humble offering to the #vibejam community and our LLM gods) 🤖

That's a wrap! My Panda exploration / 3D platformer game is signed, sealed, and delivered to @levelsio's #vibejam 💫 The last 2 weeks have felt like a whirlwind -- I learned so much, multiplied my normal productivity, made friends in this awesome community, and am excited to keep building cool things for the web after this 🦾 🧵 below with some demo videos, journey from start to finish, and key learnings after 2 weeks of vibe-coding with Claude, Grok, and Three.js Oh, and the whole project is open source (my humble offering to the #vibejam community and our LLM gods) 🤖

AA

59,643 views • 1 year ago

Mike Benz breaks down the "Cuban Spring," where USAID ran money through a series of shell companies and laundered money through Cayman and BVI banks to create a knockoff Cuban Twitter called "ZunZuneo." They then rigged the algorithm to get people to take to the streets in "smart mobs." All in an effort to overthrow the country.

Mike Benz breaks down the "Cuban Spring," where USAID ran money through a series of shell companies and laundered money through Cayman and BVI banks to create a knockoff Cuban Twitter called "ZunZuneo." They then rigged the algorithm to get people to take to the streets in "smart mobs." All in an effort to overthrow the country.

Tucker Carlson Network

56,047 views • 1 year ago

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️

Ian Curtis

20,248 views • 1 year ago

All I want is to experience this 😔 currently going through a miscarriage hoping and praying I get to have a family one day

All I want is to experience this 😔 currently going through a miscarriage hoping and praying I get to have a family one day

brother

46,978 views • 4 months ago