MOCKDEVICE GUIDES

A better screenshot. A better mockup.

Practical guides to device frames, screenshot sizes, and transparent PNGs.

How to make an iPad mockup without stretching your screenshot

Choose an iPad Pro or Air frame, match portrait or landscape proportions, and export a sharp tablet mockup as a transparent PNG.

Capture the right website viewport, fit it into a MacBook Air or Pro frame, and export a transparent laptop PNG without Photoshop.

Make a free iPhone mockup from a PNG, JPG, or WebP screenshot. Pick the right model, keep the screen sharp, and export without Photoshop.

Choose the outer or inner iPhone Duo frame, fit the screenshot to each display, and export a transparent PNG for your app presentation.

Create transparent iPhone, iPad, MacBook, and Apple Watch PNG mockups. Learn which export mode to use and why a PNG may appear white.

Match a watchOS screenshot to an Apple Watch frame, choose a case and band combination, and export a transparent PNG.