A browser-based 3D configurator showing a customizable soundproof office pod with adjustable colors, materials, and lighting rendered in WebGL.
There's a particular kind of satisfaction in watching someone sell premium soundproof office pods through a browser. The QuietCubes configurator does exactly that: you pick your pod size, swap colors and materials in real time, toggle add-ons, and watch your custom workspace materialize on screen. The lighting controls buried in the interface hint at the care taken here. Directional and point lights with adjustable intensity. Anti-aliased shadows that make the steel frame and glass panels read as actual objects rather than floating geometry. The whole thing runs smooth enough that you forget you're spinning a 3D model on a webpage.
This is graphics doing essential work: rendering configurable products at e-commerce scale with real-time material swapping and dynamic pricing. The team clearly optimized for load time and mobile performance over visual excess. PBR materials keep the acoustic panels looking correct under different lighting conditions. The camera constraints feel deliberate rather than lazy. You get exactly the views you need to make a purchasing decision, nothing more. It's the kind of project that makes a quiet case for WebGL's commercial maturity.
Built by ADELT Agency, a Barcelona-based design and development studio. They specialize in branding and Webflow development for startups, and this configurator represents their work at the intersection of 3D visualization and e-commerce. Worth poking around the dev tools while you're there.
- Live Demo: https://configurator.quietcubes.com
- Author: Adelt (LinkedIn)