MetaKeyDesign.com
An interactive web app for designing, customizing, and purchasing bespoke mechanical keyboards.
Preview
Overview
MetaKeyDesign.com is a full-stack product concept built around a real-time 3D keyboard configurator. Users can explore layout options, swap components, preview finishes, and move from design to checkout without leaving the browser. The goal was to make custom keyboard design feel immediate and visual — closer to configuring a product in a game than filling out a static order form.
Features
Real-Time 3D Configurator
A live Three.js preview updates as users change case color, keycap sets, switch types, and layout options — so every customization is visible before purchase.
Component-Level Customization
Users pick from configurable keyboard parts — cases, plates, switches, and keycaps — with the interface structured to support compatibility rules between selections.
Design-to-Checkout Flow
The configurator feeds directly into a purchase path, keeping the user's build state intact from design through order summary.
Status & Links
This project is under active development and is closed source. The live site link will be added when it is publicly available.