Model · London shopfronts
Café table
A small cafe table about 0.76 m wide, 0.75 m tall and 0.76 m deep, in a single GLB. Two named material slots, stone and iron, cover the top and the base. There are no textures, only PBR colour slots on UV-mapped geometry, so recolouring means editing those slots.
The Corner cafe and Restaurant front assemblies in the London shopfronts pack both place it. It pairs with the cafe chair, the pavement A-board and the awnings from the same pack, which is enough to lay out a small seating area outside a shop.
Triangle counts are 220 at high, 140 at medium and 100 at low, so it stays inexpensive when you scatter many. The model is safe to instance with InstancedMesh.
A component from the London shopfronts pack, with named material slots for stone and iron. It measures about 0.76 m × 0.75 m × 0.76 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 2 included assemblies that use it.
The picture is a studio render. View in 3D loads the GLB files themselves in three.js; switch between high, medium and low to compare.
Free: this model is in the free London Street Starter, with a working three.js example scene.
Get it free in the London Street StarterIncluded in London shopfronts (£19), which contains 34 component models and 4 assemblies.
See the pack| High detail | 220 triangles · 8 KB |
|---|---|
| Medium detail | 140 triangles · 6 KB |
| Low detail | 100 triangles · 6 KB |
| Size (W × H × D) | 0.76 m × 0.75 m × 0.76 m |
| Format | GLB (glTF 2.0 binary) |
| Compression | Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack |
| Textures | None: PBR colours only, UV-mapped for your own |
| Material slots | stone, iron |
| Sockets | mount-origin |
| Era | victorian, contemporary |
| On mobile | Start with the low level (100 triangles). What a phone can draw depends on your whole scene; no device benchmark is published yet. |
| Instancing | Safe to instance (InstancedMesh) |
Load it in three.js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { MeshoptDecoder } from 'three/addons/libs/meshopt_decoder.module.js';
const loader = new GLTFLoader().setMeshoptDecoder(MeshoptDecoder);
const { scene: model } = await loader.loadAsync('models/london-shopfronts-cafe-table/high-london-shopfronts-cafe-table.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket
