FurniCraft
2D and 3D Furniture Visualizer
A responsive furniture visualization platform that lets users design rooms in 2D and 3D, preview layouts instantly, and fine-tune furniture placement with intuitive controls.
Primary audience
Story
Why this project stands out
The problem
Room planning was hard to picture from static sketches or product pages.
Users needed a way to test furniture placement, scale, and style before committing to a real purchase or layout change.
The approach
Combine a 2D canvas designer with an interactive 3D room experience.
FurniCraft uses React Three Fiber, HTML Canvas, and reusable controls for rotation, scaling, color changes, and screenshots.
The outcome
A practical design tool that feels immediate, visual, and easy to use.
User testing confirmed the core interactions were intuitive, while feedback guided improvements to sliders, tooltips, and fallback states.
Overview
About the Project
FurniCraft is a web-based room planning and furniture configuration tool built to help users visualize interior layouts before making real-world decisions. The app combines a 2D canvas designer with a 3D room view, allowing users to upload room photos, place furniture, adjust dimensions, change colors and textures, and capture screenshots of their designs. It is designed for homeowners, interior designers, and furniture store teams who need a fast and interactive way to explore layout ideas.
Capabilities
Key Features
2D Room Designer
Upload a room photo, place furniture on a canvas, and manipulate items with drag, rotate, scale, and recolor controls.
3D Room View
Switch to a 3D environment with furniture models, camera movement, and immediate visual feedback as changes are made.
Product Catalog
Browse furniture products with images, descriptions, pricing, and cart support to move from inspiration to selection.
Interactive Controls
Sliders, color pickers, and selection highlights make it easy to understand which element is active and how it can be adjusted.
Gallery and Setup Guide
Supporting pages help users explore design inspiration and get started quickly with the workflow.
Reliability and Fallbacks
Fallback shapes, modular components, and persistent room data keep the app stable even when 3D assets fail to load.
Gallery
Screenshots
Engineering
Challenges & Solutions
Results
Project Outcomes
Interactive room planning experience with both 2D and 3D workflows
Clear user testing feedback that improved the app’s usability and clarity
Responsive component-based architecture for future feature expansion
Reliable fallback behavior for missing assets and loading issues
A polished visual tool for furniture and interior design exploration