Pro

Browser mockup
your website in a browser window

Frame a website screenshot in a browser: tab title, address bar and the page aligned at the top, on a desktop browser or a mobile browser.

How it works

  1. 1

    Pick the screen

    Choose the phone or desktop version, in light or dark mode.

  2. 2

    Add your photos and text

    Fill in the name, caption, numbers and photos. The preview updates as you type.

  3. 3

    Download or put it on a device

    Download the screen as a PNG, or place it in an iPhone or MacBook mockup from the catalog.

Show it on a real device. The same layouts are available inside every phone and laptop mockup: upload step, then “Layout”.

iPhone mockupsMacBook mockups

Questions

Is the browser mockup free?

It is part of Pro. You can open it and see the preview for free; editing and downloading come with Pro.

Can I use a full-page screenshot?

Yes. The page is aligned at the top and cut off at the bottom of the window, like a page being viewed.

How is it different from a laptop mockup?

The browser mockup is the screen alone, as a PNG. To see it on a MacBook in a real scene, place the same layout in a laptop mockup.

Other layouts