Xavier Jack - How To Vibe Code in 3D

7 snips

Jan 26, 2026

Xavier Jack, a designer and 3D web practitioner behind Amie and tools like Wiggle Bones, Three.tools, and Desktop.fm. He breaks down prototyping the viral Amie site. He explains grayboxing, Blender-to-WebFlow, rigging inflatable balloons, and setting up Three.js projects. He demos exporting GLB, adding interactivity, and animating with wiggle bones and GSAP.

Ask episode

AI Snips

Chapters

Transcript

Episode notes

ANECDOTE

Full-Day Gradient Concept Sparked The Site

Dennis imagined the Amy website as a visualization of a full day using gradients to represent sky changes.
That concept drove early design conversations and tied the site together beyond micro-interactions.

ADVICE

Prototype Interaction With Gray Boxing

Start with gray-box prototypes using basic shapes and animations to test interaction flow quickly.
Iterate in code early to capture motion and game-like feeling rather than polishing visuals first.

INSIGHT

Interactivity Is The 3D Advantage

3D interactivity is only valuable when it's interactive; otherwise a video would suffice.
Use 3JS where interactivity adds unique value that video cannot provide.

Get the Snipd Podcast app to discover more snips from this episode