← All projects

DreamHome3D

live

Describe your dream home, walk through it in 3D

D
Next.jsReact Three Fiberthree.jsLLM structured output

Problem

Visualising a home idea normally requires CAD skills or paying a designer — too much friction for early exploration.

Solution

Prompt-to-3D pipeline: an LLM emits a structured house spec, rendered as an explorable 3D scene with orbit/walk/top-down/cinematic cameras. Edits happen through chat patches.

Features

  • ▸Prompt to full 3D home generation
  • ▸4 camera modes including first-person walkthrough
  • ▸Chat-based incremental edits
  • ▸Export to 5 formats including glTF

Architecture

Next.js + React Three Fiber; LLM produces a validated scene graph spec; chat edits apply JSON patches; GLTFExporter handles exports.

What I built

  • ▸Scene spec schema
  • ▸Procedural geometry generation
  • ▸Chat patch system
  • ▸Export pipeline

Challenges

  • ▸Keeping LLM output inside a strict, renderable schema
  • ▸Exporter/lighting compatibility

Results

Complete MVP: generation, navigation, chat edits, and export all working.

Next steps

  • ▸Furniture library
  • ▸Photoreal render mode