3D configurator · 2026 · Featured
Latón
A custom bike workshop where you design your bike in 3D and see the price instantly.
The project
Website for a steel and titanium frame builder in Gran Canaria: 3D configurator with model, rider measurements, materials, colour and components; a technical drawing with dimensions that changes with the size; fitting appointments with a calendar; orders with a deposit and private tracking for each bike; and a workshop dashboard. A concept with fictional data and simulated payment.
What makes it stand out
The 3D bike is built with three.js from the same geometry that draws the SVG plan: change your height and stack, reach and every tube are recalculated. On the home page the bike assembles piece by piece as you scroll. Custom PHP backend: prices are always recalculated on the server, two people can't book the same appointment slot and the deposit payment is ready for Stripe. three.js is only downloaded when it's needed.
Technology
- React
- Three.js
- React Three Fiber
- Tailwind CSS
- PHP 8
- SQLite / MySQL
- Stripe
↓What it looks like as you scroll
