Xavier Jack - How To Vibe Code in 3D

Sometimes you open up a website and it's so good that you're left wondering... how the heck did they pull that off? In this episode the designer of the original Amie website, Xavier Jack com/KMkota0), is going to give us a little tutorial of what it looks like to bring web experiences to life with 3D. Some highlights: - How he prototyped the viral Amie website - How he made the Amie interactive balloons from scratch - How he uses mental models to understand 3D design tools - so so/) - fm fm/) - tools

tools/) - Shopify Winter 2026 com/editions/winter2026 - Wiggle bones tools/docs/manual/getting-started - Blender (3D modeling software) - js (JavaScript 3D library) Dive is where the best designers never stop learning 🤿 🌐 club 🐦 com/joindiveclub Now you can join advanced courses taught by the top designers to help you take a huge leap forward in your career 💪 Chapters 0:00 Intro 1:08 Backstory of the Amie website 11:24 Minimal websites vs. Immersive websites 17:33 Prototyping more of the Amie website 22:25 How to start experimenting with 3D effects 24:34 Blender crash course 31:02 Moving into Cursor 33:06 Understanding WebGL and ThreeJS 39:47 Adding interactivity to your 3D scene