A Shopify app that generates 3D models from product photos and provides interactive 3D product visualization for customers.
We aim to take one step closer to making ecommerce more "real". Seeing your products in 3D instead of as flat PNGs provides a more immersive shopping experience beyond traditional online stores.
This app enables Shopify merchants to:
- Auto-generate 3D models from product images using AI
- Display interactive 3D viewers on product pages
- Allow customers to rotate, zoom, and inspect products in 3D
- Support product variants with different models
It is important to understand that TripoSR requires significant computational power. It is recommended that you use a >3000 series NVIDIA GPU with >12GB of VRAM if running the entire system in real time.
Here is an example of what happens when you use a GPU with less than optimal VRAM and older architecture (My old GTX 1080):
┌───────────┐ ┌───────────────────┐ ┌───────────┐
│ Frontend │ --> │ Backend │ --> │ Worker │
│ (React) │ │ (Node.js + Rails) │ │ (Python) │
└───────────┘ └───────────────────┘ └───────────┘
│ │
▼ ▼
┌────────────────────────────────────────────────┐
│ Supabase (DB + Storage) │
└────────────────────────────────────────────────┘
- Frontend - React + TypeScript + Shopify Polaris + Three.js
- Backend - Node.js + Express + Shopify API
- Worker - Python + Celery + TripoSR
- Rails Webhooks - Ruby on Rails + HMAC verification (optional)
- Theme Extension - Vanilla JS + Three.js for storefront
- Frontend: React, TypeScript, Vite, Shopify Polaris, React Three Fiber
- Backend: Node.js, TypeScript, Express, Shopify API
- Worker: Python, FastAPI, Celery, TripoSR, PyTorch
- Webhooks: Ruby on Rails (minimal API-only)
- Storage: Supabase (PostgreSQL + Object Storage)
- Queue: Redis
- Node.js 20+
- Python 3.11+
- Ruby 3.2+ (optional)
- Redis
- Shopify Partner account
- Supabase account
See SETUP.md for detailed configuration instructions.