Uploaded January 2026 | Updated September 2026, 2 weeks ago
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 (https://x.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
- Amie.so (https://amie.so/)
- Desktop.fm (https://desktop.fm/)
- Three.tools (https://three.tools/)
- Shopify Winter 2026 shopify.com/editions/winter2026
- Wiggle bones https://wiggle.three.tools/docs/manual/getting-started
- Blender (3D modeling software)
- Three.js (JavaScript 3D library)
Dive is where the best designers never stop learning 🤿
🌐 dive.club
🐦 twitter.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
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 (https://x.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
- Amie.so (https://amie.so/)
- Desktop.fm (https://desktop.fm/)
- Three.tools (https://three.tools/)
- Shopify Winter 2026 shopify.com/editions/winter2026
- Wiggle bones https://wiggle.three.tools/docs/manual/getting-started
- Blender (3D modeling software)
- Three.js (JavaScript 3D library)
Dive is where the best designers never stop learning 🤿
🌐 dive.club
🐦 twitter.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
