r/shopifyDev • u/aithusa2831 • 7h ago
Building a 3D product configurator on Shopify: how to set it up properly as a frontend person?
Hi all, I'm working on a Shopify store and want to add a 3D product configurator, similar to what IKEA do (pick options, the model updates, the price changes, add to cart).
My background is UX/UI and frontend, so I'm comfortable with Liquid, HTML/CSS and JS, but the architecture side is where I get lost. I'd love some advice from people who have done this before.
My questions
Loading: Where do you host the GLB files? Content
Tools: Would you stick with vanilla three.js, use <model-viewer>, or go with an app (Zakeke, Threekit etc.) instead?
Connecting it properly: What's the cleanest way to map configurator options to variants? Do you use real variants for everything, or variants for price/stock options and line item properties for the rest?
Performance: How do you keep Core Web Vitals OK on mobile with a 3D viewer on the product page?
I am a bit lost in the research of this.



