Stacked tins
A low-poly supermarket stack of food tins: a four-layer pyramid of faceted steel cans with red label bands and pale lids, standing in a shelf-ready cardboard tray with a cut-down front.
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
- 3,084
- Vertices
- 5,596
- Meshes · materials
- 5 · 5
- Size (W × H × D)
- 32 cm × 46 cm × 32 cm
- File
- GLB · 155 KB
- Animation
- Static
- Style
- Low-poly
- Collection
- Supermarket
Palette · named materials
- mid grey — steel tin bodies (base)#7d828c
- white light — lids (trim)#f9f8f6
- red — label bands (accent)#c32222
- warm white — label stripes (trim)#f2ede2
- light wood — cardboard tray (earth)#ac7d53
Use it
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
const gltf = await new GLTFLoader().loadAsync(
"https://assets.stoicsoft.com/1designtool/3d/models/supermarket-stacked-tins/00558264aa/model.glb"
);
scene.add(gltf.scene); // metres, +Y up, front faces +ZHow it was made
The brief given to 1DesignTool's “3D object” template:
Stacked tins for the Supermarket 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 Supermarket kit (Low-poly style, flat-lowpoly direction): A full grocery store interior. Use ONLY the kit palette, by name: white #f4f1ec, fresh green #3a883a, red #c32222, light wood #ac7d53, white dark #d7cebc, fresh green dark #235223, white light #f9f8f6, fresh green light #5db15d, 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 `brandColours` (0–1, default 0.5) for the kit's "Brand colours" 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 products
- three-check PASS · glb-lint PASS
Named parts · 5
- Stacked tins
- Cardboard tray
- Tin bodies
- Labels
- Lids
Note: Size at the defaults: 0.32 × 0.32 m footprint, 0.46 m tall. Each tin is a standard 400 g food can, 74 mm across and 110 mm tall. There are 30 tins in a 4×4, 3×3, 2×2, 1 pyramid, with each layer sitting on the lids below it. The origin is at the bottom centre, resting on y = 0. The front (+Z) is the side where the tray wall is cut down. The GLB has 3,084 triangles in 5 meshes (one per part and colour) and no animation clip. The worst case (5 layers, 55 tins) works out to about 5,600 triangles, under the 6,000 budget. Tin bodies and lids have no bottom caps, because those faces always sit on the tray floor or on a lid and are never visible. Every material is named exactly after a kit palette colour. brandColours (the kit's 'Brand colours') sets the label scheme. Below 0.34, labels are plain white with mid grey stripes. From 0.34 to 0.67 (the default), labels are red with warm white stripes. Above 0.67, layers alternate red and fresh green. Labels are plain colour bands with no text or logos. Params are baked into the GLB at their defaults and only change the geometry when the scene is rebuilt in the viewer. Tin spin is seeded, so it is deterministic. glb-lint: 0 errors and 3 heuristic warnings. The label stripe sits inside the label band's bounding box on purpose. Lids are flagged as 'detached' because they touch the tin bodies, which are a separate part group. The asset is 0.46 m tall against the direction's 1 m reference height, which is the correct real-world scale. plan-check passes except for its part-id regex, which rejects the hyphen in the slug-based ids this library requires. three-check accepts those ids, and all 5 survive the GLB reload.
About the Stacked tins 3D model
Stacked tins is a free low-poly 3D model from the Supermarket set. It measures 32 cm × 46 cm × 32 cm (W × H × D) at real-world scale and is built from 3,084 triangles across 5 meshes, with 5 named parts. Download the 155 KB GLB and drop it into three.js, React Three Fiber, Godot or Blender — free for commercial use, no attribution required.
- Is the Stacked tins 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), 155 KB: 3,084 triangles, 5,596 vertices and 5 materials, modelled in metres at 32 cm × 46 cm × 32 cm.
- Can I animate Stacked tins?
- It ships as a static mesh. Its 5 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 Stacked tins 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 Supermarket →
Free under the 1DesignTool 3D library license. Model #2 of 731.