RUENVI
Message us
  1. Home
  2. Work
  3. 3D product configurator
Concept

3D product configurator

Shoppers rotate a keyboard model, change case, keycap and lighting colours in real time and see the result before ordering.

Keyboard configurator with colour options

Concept: we built this project to show what we can do; it was not commissioned by a client.

Services
Website with a 3D scene
Stack
Next.js · three.js · React Three Fiber · GSAP
Year
2026
The brief

Show how a shop can sell a product with variants through a live 3D model instead of dozens of photos.

What we built
  • A landing page with a 3D model that responds to scrolling
  • Six colourways, materials switch without reloading
  • Model and texture optimisation so it runs smoothly on a laptop
Outcome
  • A working configurator prototype
3,143 mContact

Let’s talk about your project

Message us on Telegram: what your business is and what you want to change. We reply within a day and suggest a time for a free 30-minute call.