Usually, 3D products are shown using static renders. But a static gallery makes it hard to show every possible material and lighting combination, so I built this interactive configurator instead.

It works by layering different images together on the fly. The base metal frame, the glowing meshes, and the lighting are all separate layers, organized by camera angle and material.

To keep it fast, I compressed all 420 render combinations into WebP files, keeping the total size under 14MB. The main images load instantly when you open the page, and the rest load quietly in the background so everything feels smooth and instant when you click around.