Stache Cups — Real-Time 3D Product Customizer & E-Commerce Integration

An interactive web-based 3D design customizer enabling customers to personalize products with live 3D visualization before purchasing.

Key Features & Implementation: • Interactive 2D-to-3D Customizer: Built a canvas design studio using Konva.js where users add custom text, uploads, colors, and patterns, mapped instantly onto a 3D model in real time. • Photorealistic 3D Rendering: Implemented with Three.js and WebGL, featuring 360-degree orbit controls, smooth zoom, realistic lighting, and material shaders running at a smooth 60 FPS. • Dynamic E-Commerce Integration: Integrated with the Shopify API to handle multiple product models, variant selections, and design exports directly into the checkout cart. • Tech Stack: Three.js, Vue.js / Nuxt 3, Konva.js, Tailwind CSS, Shopify API.