An interactive 3D t-shirt designer built with Three.js, React & AI image generation.
Live Link: https://shirt-designer-r3f.netlify.app/
- 🎨 Real-time color picker — choose any hex color for the shirt
- 🖼️ Upload artwork — apply as a chest logo or full-wrap texture
- 🤖 AI-generated designs — generate via OpenAI DALL·E from a text prompt
- 📐 Interactive 3D model — drag to rotate, follows your mouse
- ⬇️ One-click PNG download of your design
- 📱 Responsive — desktop, tablet, and mobile
| Layer | Technology |
|---|---|
| Frontend | React 18 + Vite |
| 3D Rendering | Three.js + @react-three/fiber + drei |
| State | Valtio |
| Animations | Framer Motion + maath |
| Styling | Tailwind CSS |