Homura
3D kitchen visualisation tool
A real-time 3D kitchen planner that lets users drag, select and configure cabinets, worktops and appliances in the browser. Built with Three.js / React Three Fiber for WebGL rendering.
Stack
The Goal
Let anyone plan a kitchen in 3D without installing software.
The Approach
Built the scene in React Three Fiber with transform gizmos for moving objects.
Added lock/hide controls so placed items stay put while editing others.
Kept UI panels in React and the 3D scene in R3F, connected through shared state.
The Result
A smooth, interactive configurator live on Vercel.
Challenge
Making a 3D scene feel like a normal editing tool: selecting, moving, locking and hiding objects with on-canvas controls while keeping React state and the WebGL scene in sync.
Outcome
A working in-browser kitchen configurator, and the groundwork for the Three.js 3D components I later shipped in production at MAI Corporation.