Furniture Brand 3D
Built for Halde, the sample brand inside the template
A made-to-order furniture page where the lounge chair is a real 3D model: drag to turn it, drop a fabric swatch on it and the new upholstery spreads from where it landed, then see it standing in three real rooms in your fabric.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
The first screen is the chair big on warm paper with Cushions and Frame tabs and a tray of real fabric scans; dragging turns it and it coasts. Clicking a fabric, or dragging it onto the chair and letting go, re-covers the cushions from that point with a ragged pulled-fabric edge, keeping the folds; Frame re-stains the walnut the same way, and the price adds up. Scrolling sets the chair, in the chosen fabric, on the floor of a living room, a reading corner and a garden room as each photo wipes up from the floor. It then becomes a pencil drawing on a gridded sheet with dimension lines, filling with wood and fabric from the floor up beside the specs. The collection opens photos inside huge words, the workshop photo opens and drifts while the hours count to 31, and the close shows the chair turning in a stone arch niche beside the total, fabric and frame chips and the order form. Without WebGL the studio photo stands in. All copy, prices, swatches, rooms and image slots sit in one content file, the palette in one theme file.
What you get
- A tested build prompt · 15.9k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A made-to-order furniture brand site for one hero piece (the sample is the Halde Low Chair: solid walnut, upholstered by hand in Aarhus, from €2,480) and its family, in the format of the well-known three.js chair customiser: the chair big on a warm paper ground, part tabs down the left, a tray of real fabric and wood swatches along the bottom. The chair is a real 3D model (generated from a studio photo, then split into a wood mesh and a fabric mesh), drawn with three.js on one canvas over the whole page. It eases from scene to scene as you scroll, so it is never a cut.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
