Shoppy: VR 3D Furniture Generator and Visualization with Shopify Storefront

Inspiration

We wanted to reimagine online shopping for the age of spatial computing and VR. Our goal was to make browsing, previewing, and purchasing real products as immersive and intuitive as possible—bridging the gap between digital storefronts and physical presence.

What it does

Shoppy is a VR-native floating product catalog for Meta Quest, powered by Shopify. Users can browse products in a world-space UI, view 3D models of furniture and decor, and add items to their cart. When ready, they can instantly launch the Shopify checkout in their browser with their selected items.

How we built it

We built Shoppy in Unity using the XR Interaction Toolkit for VR input and the Shopify Storefront API for live product data. The UI is dynamically populated from Shopify, showing product images, names, prices, and spawn buttons. Selecting a product spawns its 3D model into the VR scene. Checkout is handled by constructing a Shopify cart URL with the correct variant IDs and opening it in the user's browser.

Challenges we ran into

Mapping Shopify’s product and variant data to Unity’s UI and 3D models.
Handling asynchronous API calls and image/model downloads in Unity.
Ensuring the checkout flow uses the correct variant IDs (not product IDs).
Making the UI intuitive and responsive for VR controller input.

Accomplishments that we're proud of

Seamless integration between Shopify’s API and a VR shopping experience.
Dynamic, scrollable product grid that updates in real time.
One-click checkout that works with any Shopify store.
Real-time spawning of 3D models for product preview.

What we learned

The importance of using variant IDs for Shopify checkout URLs.
How to manage asynchronous data and asset loading in Unity.
Best practices for VR UI design and controller interaction.
How to bridge web APIs with immersive environments.

What's next for Shoppy

Add support for more product categories and larger catalogs.
Enable user authentication and persistent carts.
Integrate payment and shipping options directly in VR.
Expand to AR platforms and other devices.
Polish the UI/UX and add more interactive features (e.g., product customization, reviews).