15 / 20Graphics & canvas
3D Product Configurator
A Three.js product customizer: materials, colors and parts, with a shareable config.
- Three.js
- PBR materials
- 3D UX
- URL state
stirling.lab/configurator Live demo
Loading demo…
What to notice
- A procedurally modeled sneaker with customizable parts and PBR materials
- Orbit, zoom and part-hover highlighting, plus a camera that focuses each part
- Configuration serialized into the URL so every design is shareable
- Screenshot export of your design
How it's built
- Geometry is generated in code, so there are no model files to download.
- Rendering runs only on changes and interaction, then idles to save battery.
Hand-built in React 19 + TypeScript, with no UI or chart libraries.