Back to projects
3D Shirt Designer
Interactive web app for designing custom t-shirts on a real-time 3D mannequin — adjust body fit, decorate sleeves and panels, preview lighting, and export production-ready assets.
Landing and 3D mannequin preview
Architecture
Vite + React app with React Three Fiber mannequin scene, Konva-powered 2D design atlas, Zustand state, and Supabase-backed auth/storage.
Deployment
Vite production build deployed on Vercel.
Features
- Real-time 3D mannequin preview with lighting and shadows
- Male/female body types with height and intensity controls
- Per-panel shirt design (front, back, left/right sleeves)
- Image and text placement with live 3D updates
- Fit feedback and PNG/PDF export for production review
Challenges
- Keeping 2D design edits perfectly mapped onto a 3D UV shirt model
- Making advanced 3D customization feel simple for non-technical clients
Solutions
- Atlas-based panel editing with instant R3F preview sync
- Guided Customize → Design → Export flow with clear fit status
Results
- Faster design approval with live 3D visualization
- Export-ready shirt assets for client and production review