3D Sunglasses Configurator — Interactive Eyewear Concept

3D eyewear, part by part

An independent eyewear concept inspired by Ray-Ban. We built a 3D viewer where you can look around the sunglasses and change the frame, temples, metal details and lenses separately.

The controls sit next to the parts they change, so you can see exactly what you’re editing. Moving between the full product view and the closer editing view keeps the glasses in focus throughout.

We developed the scene and interface with React, TypeScript, Three.js and React Three Fiber. Acetate, metal and lenses use different material settings, so each surface responds to light in its own way.

This is a self-initiated concept, with no client, sponsorship or collaboration relationship with Ray-Ban.

Built with React, TypeScript, Vite, Three.js, React Three Fiber, Drei, GSAP, Tailwind CSS and React Spring.

Try the live sunglasses configurator — explore the collection and customize individual parts in 3D.