3D-Anything

Stack: Shopify, TypeScript, React, Modal, S3

A Shopify plugin that turns a merchant's flat product photo into an interactive 3D asset from a single image, with no scanning or 3D modelling. I built it end to end, from the GPU pipeline to the storefront extension and the merchant dashboard.

Sample demo of a 3D render generated from a single product photo.

The merchant dashboard listing products, each with its own Convert button, with conversion credits and the current plan shown along the top. — Merchant dashboard UI

A dialog for choosing which of a product's photos to convert, with three shoe photos selected and a Convert 3 Images button. — Convert multiple images of the same product

A side by side compare view showing a product's original photo next to its interactive 3D version. — Original vs 3D compare

Highlights

Estimates depth on serverless GPUs, measuring only the product so the background can't flatten it.
The viewer is a WebGL renderer written from scratch, not a 3D library, to keep the storefront fast.
Generated assets are stored in S3 and served through CloudFront, so the viewer loads textures from a CDN instead of the app.
Supabase tracks merchants, plans and jobs, while the per-product 3D state lives in Shopify's own metafields so the storefront renders with no API call.
A built-in A/B test shows merchants whether 3D actually gets more people to add to cart, broken down per product.