Forge

Orbit a studio-lit keyboard, recolour the case, switch its finish between matte, glossy, and metallic, pick a keycap colourway, change switches and layout, watch the price update live, and export a PNG of your build — all rendered in real time in the browser.

HIGHLIGHTS

• Real-time studio render with instanced geometry and a PBR material system
• Camera choreography that re-frames per category, with damping and idle auto-rotate
• Animated pricing, curated preset builds, responsive desktop panel / mobile sheet
• Accessible: arrow-key radiogroups, labelled controls, full prefers-reduced-motion support

HOW IT’S BUILT

Built on React Three Fiber: instanced keycaps and a beveled physical-material case under a softbox environment with contact shadows and a reflective floor. The material system reads as genuinely different finishes (clearcoat, metalness, HDRI-style reflections), and the camera smoothly re-frames the relevant part of the board as you move between sections. Fully keyboard-operable, with a graceful WebGL fallback and complete reduced-motion support.

STACK