Custom 3D furniture configurators – interactive furniture design in the browser
We build custom 3D furniture configurators for furniture manufacturers and retailers. Your customers design a cabinet right in the browser – changing its dimensions, interior layout, doors, drawers and materials – and see every change in 3D straight away. Try the working demo below.
The interactive 3D furniture configurator demo runs in a browser with JavaScript and WebGL enabled.
What is a 3D furniture configurator?
A 3D furniture configurator is a browser application in which customers put together a piece of furniture from the options you offer: dimensions, interior divisions, fronts and finishes. Every change rebuilds the three-dimensional model at once, and construction rules make sure the result is a design that can actually be manufactured.
What a configurator does for your business
- Customers see the furniture before they order instead of imagining it from descriptions and photos.
- Invalid dimensions and layouts that cannot be built are blocked while the customer is still designing.
- Instead of back-and-forth messages about details, you receive a complete, structured specification.
- One specification can feed your shop, your quotes and production – without retyping any data.
What customers can configure in the demo
Every feature below works in the demo on this page. The 3D view can be rotated, zoomed, panned, fitted to the furniture and reset.
Dimensions and construction
Width, height, depth and board thickness. Values outside the permitted ranges are flagged immediately.
Interior layout
Any compartment can be divided with horizontal shelves and vertical dividers. A compartment is selected by clicking it in the 3D preview.
Back panel and plinth
A back panel with its own thickness and a plinth with adjustable height and setback.
Doors and drawers
Single and double doors, exterior and interior drawers, handles and an opening preview. Collision rules block layouts that cannot be built.
Materials
A separate finish for the carcass, interior, back panel, plinth, door fronts and drawer fronts.
Saving configurations
Export a design to a JSON file and import it again, with the loaded data validated.
Integration with WooCommerce and other e-commerce platforms
The demo on this page works on its own: it is not connected to a shop and does not calculate prices. Because the configuration is saved as structured data (JSON), a configurator built for your business can be connected to a WooCommerce shop, another e-commerce platform or a production system. Possible integrations:
- passing the saved configuration to the cart and the order as line item data,
- pricing based on dimensions, materials and fittings according to the manufacturer's price list,
- a list of parts for production calculated from the cabinet geometry,
- a connection to other e-commerce platforms, an ERP or a production system through an API.
The scope of such an integration depends on the production and sales process of the manufacturer.
WooCommerce development and integrations →ERP, CRM and API integrations →React and Next.js applications →
How to order a custom furniture configurator
Describe your products
Which furniture you sell, which parameters customers should be able to change and which production constraints apply.
We agree the scope
Parameters, construction rules, materials, fittings and the integrations you need: shop, pricing, production.
We build and launch it
A configurator tailored to your range, embedded in your website or online shop.
Do you need a configurator for your furniture?
Describe your products and how you sell them, and we will propose a configurator scope that fits your range.