Interactive 3D configurator
Atelier Aurelia
An open-source ring configurator with procedural 3D rendering and immediate visual feedback.
- React
- TypeScript
- Three.js
- React Three Fiber
- Vite
01 / Problem
The product problem
Product customization is hard to trust when buyers cannot see options update in real time.
02 / Approach
How I built it
I built a browser-based 3D configurator with React Three Fiber so material, stone, size and engraving choices update immediately, with shareable state and image export.
Users can choose materials, stones, sizes and engraving, then save or share a configuration and export the result as an image.
03 / Outcome
What you can verify
An open-source demo that proves frontend craft, 3D literacy and product UX without a heavy backend.
- Procedural Three.js rendering
- Live configuration feedback
- Shareable configuration state
- MIT-licensed public demo
Next