3D visualisation · React · Three.js

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.

How to order a custom furniture configurator

  1. Describe your products

    Which furniture you sell, which parameters customers should be able to change and which production constraints apply.

  2. We agree the scope

    Parameters, construction rules, materials, fittings and the integrations you need: shop, pricing, production.

  3. 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.

Choose which optional cookies you agree to. You can change or withdraw your consent at any time in the cookie settings in the website footer. Cookie policy