Roof panels
A low-poly gable roof module for a tiny house: matte-black standing-seam panels with a grey ridge cap, white fascia and bargeboards, gutters, cedar-boarded gable ends with a louvred vent, a skylight on the front slope and a stove flue on the back. Built at real size to drop onto a 2.4 m-wide tiny-house shell.

Left rail: colours and the 4 knobs the agent wrote into this model — they rebuild the geometry and go into your download. Right rail: looks for the viewer. Drag to orbit, scroll to zoom.
- Triangles
- 1,196
- Vertices
- 3,588
- Meshes · materials
- 15 · 15
- Size (W × H × D)
- 6.2 m × 1.7 m × 3.0 m
- File
- GLB · 97 KB
- Animation
- Static
- Style
- Low-poly
- Collection
- Tiny House
Palette · named materials
- matte black: standing-seam panels, flue rain cap (body)#151619
- soot black: raised seams, skylight glass, gable core, boxed eaves, vent backing (glass)#1b1b22
- mid grey: ridge cap, gutters, flue pipe, collar and flashings (trim)#7d828c
- white: fascia, bargeboards, soffits, skylight curb, vent frame and louvres (trim)#f4f1ec
- cedar: gable lap boards at the default Cladding (accent)#814c31
- dark wood: ring beam under the gable core, and gable boards near Cladding 1 (accent)#3d2a1c
- cedar light: gable boards when Cladding is below 0.5 (accent)#b36e4d
- cedar dark: gable boards when Cladding is above 0.5 (accent)#4a2b1c
- white dark: painted gable boards near Cladding 0 (accent)#d7cebc
Use it
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
const gltf = await new GLTFLoader().loadAsync(
"https://assets.stoicsoft.com/1designtool/3d/models/tiny-house-roof-panels/1c9eb803bd/model.glb"
);
scene.add(gltf.scene); // metres, +Y up, front faces +ZHow it was made
The brief given to 1DesignTool's “3D object” template:
Roof panels for the Tiny House kit. Design it as one clear asset at believable real-world scale for that setting (state the size in metres in meta.notes), with its main parts modelled and named, readable at thumbnail size and from every orbit angle. This is one part of the Tiny House kit (Low-poly style, flat-lowpoly direction): A complete home in a small box. Use ONLY the kit palette, by name: cedar #814c31, white #f4f1ec, matte black #151619, plant green #3a883a, cedar dark #4a2b1c, white dark #d7cebc, cedar light #b36e4d, white light #f9f8f6, soot black #1b1b22, warm white #f2ede2, mid grey #7d828c, dark wood #3d2a1c. Every material's `name` must be exactly the palette colour it uses — the GLB carries these names so the kit recolours as one; an unnamed material fails delivery. Kit knob: expose a param `cladding` (0–1, default 0.5) for the kit's "Cladding" setting wherever it makes sense on this part, and keep that id.
- Agent: Claude Code · Claude Opus 5.5 in 1DesignTool
- Direction: Low-poly · family scenes
- three-check PASS · glb-lint PASS
Named parts · 8
- Roof panels
- Gable ends
- Fascia and bargeboards
- Standing-seam panels
- Ridge cap
- Skylights
- Stove flue
- Gutters
Note: Size at the defaults: 6.20 m long (ridge along X), 2.96 m across the gutters (2.4 m wall line plus 15 cm eaves), 1.00 m from the wall-plate line to the ridge cap and 1.72 m to the top of the flue's rain cap. Origin is the bottom centre: y = 0 is the underside of the ring beam, soffits and fascia, the line where it sits on the kit shell's walls. The front slope (with the skylight) faces +Z. The GLB has 1,196 triangles in 15 meshes, is static, and carries no animation clip. Every material is named exactly after a kit palette colour. The exporter writes one material per mesh, so some names repeat; recolour by name. cladding (the kit's 'Cladding') moves the gable lap boards along a tone ramp: white dark (painted) → cedar light → cedar → cedar dark → dark wood. At the default 0.5 every board is cedar, so the default GLB carries no cedar light, cedar dark or white dark material. Params are baked into the GLB at their defaults and change geometry only when the scene is rebuilt in the viewer. Skylights snap onto a seam and cut it; the gable vent is dropped at low pitches where it doesn't fit (below about 21°). The underside is closed (ring beam and soffits) with no interior. The defaults passed three-check, and so did two combined extremes (cladding 0 / length 4 / pitch 15 / skylights 3, and cladding 1 / length 8 / pitch 35 / skylights 3). glb-lint: 0 errors. Its warnings are expected: duplicate materials come from the per-mesh export, geometry is non-indexed to keep hard flat facets, sibling overlap is the gable boards on their core, and 'detached' flags the ridge cap and flue, which sit on the panels in a separate part group. plan-check rejects only the hyphenated library part ids (its regex allows no hyphen); the same plan with the slug de-hyphenated passes. three-check and the GLB reload keep all 8 ids.
About the Roof panels 3D model
Roof panels is a free low-poly 3D model from the Tiny House set. It measures 6.2 m × 1.7 m × 3.0 m (W × H × D) at real-world scale and is built from 1,196 triangles across 15 meshes, with 8 named parts. Download the 97 KB GLB and drop it into three.js, React Three Fiber, Godot or Blender — free for commercial use, no attribution required.
- Is the Roof panels 3D model free for commercial use?
- Yes. It is free under the 1DesignTool 3D library license: use it in personal and commercial work — games, apps, websites, renders, ads and client projects — and modify it as you like, with no credit required. What you can't do is re-sell or re-distribute the file on its own or inside a model pack.
- What file format is it, and how big is it?
- A single binary glTF 2.0 file (.glb), 97 KB: 1,196 triangles, 3,588 vertices and 15 materials, modelled in metres at 6.2 m × 1.7 m × 3.0 m.
- Can I animate Roof panels?
- It ships as a static mesh. Its 8 named parts are separate nodes, so you can move or animate each one in your engine.
- Which engines and tools can open it?
- Anything that reads glTF 2.0. three.js, React Three Fiber, Babylon.js, Godot 4 and Blender import the GLB directly; Unity and Unreal Engine load it through their glTF importers. The snippets above show the exact code for three.js, React Three Fiber, Godot and Blender.
- How was the Roof panels 3D model made?
- Claude Code (Claude Opus 5.5) generated it inside 1DesignTool's 3D template from a written brief, then the design kit's checks verified the geometry and the GLB before it was published. You can make your own the same way with 1DesignTool.
More like this
All of Tiny House →Free under the 1DesignTool 3D library license. Model #9 of 1526.







