3D webpersonal

Auralux H1 — Headphones Material Configurator

A standalone browser-based headphones configurator with Blender-sourced materials, finish swatches, pauseable product rotation, screenshot/share tools, and information-mode product details.

Project details
Role
3D prep · material mapping · product UX · web configurator implementation · deployment
Tools
BlenderThree.jsReactViteTailwind CSSGitHub Pages
Credits / disclosure
Personal project. Blender model preparation, material mapping, product UX, and standalone Three.js deployment.
Live embedded demoExpand in page

Try the Auralux H1 headphones configurator

Explore the Auralux H1 across earcup, headband, metal, and stitch finishes, with product callouts, screenshots, and shareable configurations.

Earcup finishesHeadband materialsBrushed metal + plasticInformation modeShareable states

For the best experience on smaller screens, open the full demo in a new tab.

Overview

Auralux H1 is a focused headphones configurator that turns a Blender product model into a standalone browser experience for exploring finish combinations and product details.

What is working today

The live build supports earcup, headband, brushed metal, plastic, and stitch finish controls, source-material preservation from Blender, pauseable rotation, hero/detail camera views, screenshots, share links, and an information mode with focused product callouts.

Why it matters

For compact consumer products, a configurator lets buyers compare finishes and understand physical details faster than a static gallery, while keeping the experience lightweight enough to deploy as its own public web tool.