Own product · 2026 · Live
Bezel
Paste a URL, get device mockups of it across every form factor.
The problem
Presenting software means showing it on a screen, and that means device mockups. The usual routes are all bad: Apple’s official bezels are licensed only for mocking up software that runs on Apple’s own operating systems and may not be embedded in a product, good raster packs cost per device and top out too small to use as a hero image, and hand-drawn CSS chrome announces itself immediately.
What we built
- Device frames generated parametrically as SVG from measured specifications rather than collected as images — so they are resolution-independent, recolourable, and carry no third-party licence.
- Capture on Cloudflare Browser Rendering: a URL is rendered at each device’s real viewport, so a phone shot shows the site’s mobile layout rather than a shrunken desktop one.
- A safe area on every handset. Page content never runs under the camera island — the capture happens at the content viewport and the frame draws a real status bar, tinted with the page’s own top-edge colour.
- One document for preview and export: the poster is a single SVG that the browser both displays and rasterises, so what is on screen is what downloads.
- Backdrops derived from the captured page — a hue-bucketed, saturation-weighted accent turned into a tint of the product’s own colour — plus a solid, linear and radial picker.
- Accounts and saved projects on D1, with per-IP and per-account metering because every capture costs real rendering minutes.