MockupForge 3D
Real 3D device renders, entirely in the browser
The live site. Drag inside either one. mockup.lukeduff.co.uk
The live site, scrolling as you scroll. mockup.lukeduff.co.uk
Every designer needs the same thing regularly: a presentable shot of their screen sat on a device. The usual answer is fiddling with a Figma template or paying a monthly subscription. This renders your screenshot onto a genuine three.js device model with studio lighting and exports at up to 4x. Nothing is uploaded, there is no account, and it costs nothing to run.
What came out of it
- GLTF assets quantized and compressed from 58MB down to 4.2MB
- Zero axe-core violations across all pages at four viewports, against WCAG 2.1 and 2.2 AA
- 577 responsive checks across 8 pages and 13 viewports, from 320px to 2560px