Why make another mockup tool?

There are plenty of mockup generators. We built one anyway, for our own studio work first, because none of them did the simple thing well: a real photo, your screen, no upload, no fuss.

We did not set out to build a tool. Vasser is a design and development studio. We needed device mockups for client sites, for our own products, and for a chess set we sell for the reMarkable. What existed fell into two groups.

The two groups

The first group is Photoshop files. Good ones are excellent, and we make and sell those too. But a PSD is a commitment: you need Photoshop, you need ten minutes, and you need to care about smart objects. For the fiftieth listing image of the week that is too much ceremony.

The second group is web generators. Upload your screenshot, wait for a queue, get a JPEG back. Most use rendered devices rather than photographs, so the result has the plastic look of a 3D model. Most keep your upload. Some watermark, some charge per image, all of them make you wait.

What we wanted

A page we could open, drop a screenshot on, and have the finished image a second later. Photographed scenes, because we photograph. The screen warped into the real perspective, masked to the real glass edge, with the real reflection over it. And nothing sent anywhere, because the screenshot is often a client's unreleased design.

So we made that, for ourselves first. It runs entirely in the browser. The scene files load once, your image never leaves the tab, and the download is a full-resolution PNG rendered on your own machine. We then put it on the site because there was no reason to keep it.

What it is not

It has no options. No adjustments, no filters, no alignment handles. You choose a scene, you drop a file, you download. If your screenshot has the wrong aspect it is centred and cropped to fit, and the tool tells you. That is deliberate. The scenes are prepared so that the one obvious result is the right one, and everything we would have made adjustable we tuned once instead.

Where it is going

New scenes are added regularly, photographed the same way. The tool stays free. Some scenes offer their full-size renders with a one-off tool key, which is how we pay for the photography. The layered PSD versions remain separate products for people who want the source.

If you need a scene we do not have, or the tool gets something wrong on your device, write to sans@vasser.no. We use it every week ourselves, so it will get fixed.

Try the mockup tool, free, in your browser.