# An eyewear configurator with glass and acrylic that catch light

> A product configurator for personalized eyeglasses with advanced glass and acrylic materials, built in React Three Fiber and Three.js.

Canonical page: https://andersonmancini.dev/blog/eyewear-configurator-glass-acrylic

Published: 2026-08-07 · 1 min read · Tags: react-three-fiber, three.js, configurator, materials, launch

Eyeglasses are a configurator problem with a twist: the two main materials are **transparent**, lenses of glass and frames of acrylic, and both depend on light more than on color. This product configurator was built to show them well.

![The eyeglasses configurator](https://andersonmancini.dev/images/thumbs/eyeglasses.webp)

## What it does

You configure **frames and lenses in real time**, and you preview how the materials catch light. It is built in React Three Fiber and Three.js, with advanced glass and acrylic materials, and it is made for clear, interactive eyewear visualization.

## Related

For a newer approach to thick, refractive glass in WebGPU, see the [glass material post](https://andersonmancini.dev/blog/webgpu-glass-material.md).

The details of the project are on the [project page](https://andersonmancini.dev/projects/eyewear-configurator.md), and the configurator is live at [varai-glasses-configurator.vercel.app](https://varai-glasses-configurator.vercel.app/).

## Related projects

- [Eyewear Configurator](https://andersonmancini.dev/projects/eyewear-configurator.md) — Custom eyeglasses product configurator