Web Application

Modular Houses 3D Generator

A generative 3D configurator built for Modular Houses - a product conceived jointly by Digantix and the client to solve a genuine design problem: the near-infinite number of valid ways to assemble modular units into a livable home.

CLIENT

Modular Houses

YEAR

2026

SERVICES

Web DevelopmentUI/UX DesignProduct Strategy

The challenge.

Modular construction creates a complex combinatorial problem. Modules can't be placed arbitrarily - every side has rules about which adjacent side it can connect to, and compositions must follow structural logic. With this many valid arrangements, static brochures and 2D floor plans broke down completely. Clients had no way to explore what their future home could actually look like.

Our solution.

We started with a layout engine: an algorithm seeded with a set of initial configurations stored in Supabase, which learns the rules of modular assembly and generates new valid arrangements from existing ones. Once the logic was proven in 2D, we moved into 3D. Each module was modeled as a single packed GLB file containing every possible element - roofs, door types, front and back facades - which the app unpacks and toggles per module on demand. The result is a fully interactive Three.js scene where clients can explore, configure, and export their design directly for further AI-assisted environment rendering.

TECHNOLOGY STACK

Next.jsSupabaseThree.jsTypeScriptFigma

The Process

01

Algorithm

We built a layout generation algorithm seeded with initial module configurations. It understands the rules of modular construction - which sides connect, how orientations work - and generates new valid arrangements from existing ones.

02

2D First

Before touching 3D, we validated the layout logic in 2D. Every generated floor plan is structurally sound - the right sides connect to the right sides, every time.

03

3D Modeling

Each module was packed into a single GLB containing every possible element - roofs, doors, facades. The app unpacks and toggles components per module on demand, keeping the asset pipeline lean and fully flexible.

04

Live Scene

Configurations are rendered in real time with Three.js. Clients explore their design, then export it directly to AI tools for environment generation and final renders.

Real-time 3D visualization.

The layout engine doesn't just display pre-built designs - it generates them. Seeded with an initial set of valid configurations and the rules of modular assembly, it produces new arrangements on demand. Every floor plan is structurally correct, and every 3D scene updates instantly as clients explore their options.

One file, every element.

Each module is a single packed GLB - roof types, door variations, front and back facades all bundled inside. The configurator unpacks and toggles each element individually, so there's no library to maintain and no re-exports when something changes. Add a glass roof, swap a facade, remove the doors - all live, all instant.

Built in collaboration

Digantix×Modular Houses

© 2026 - Proprietary work. Design, technology, and all content may not be reproduced without written permission.

NEXT PROJECT

Divine Park Hotel

Web Design & Development

View project
Perfect

Let's talk

30 min intro call
Available for projects

Let's worktogether

Have a project in mind? I'd love to hear about it. Let's create something exceptional together.

office@digantix.com