Screenshot Mock-up Frames: Browser and Phone Frames for Screenshots

What is it?

Screenshot Mock-up Frames makes plain screenshots look professional. Wrap a screenshot in a browser window (light or dark) or a phone frame, on a gradient, solid or transparent background, with space around it and rounded corners.

Who is it for?

Bloggers and teachers making tutorials, startups and app makers preparing store listings, designers building portfolios, and anyone presenting a website.

How to use it

  1. Choose or paste a screenshot (PNG or JPG).
  2. Pick the Frame, Background, Space around, Rounded corners and Address bar text.
  3. Tap Save PNG.

Tip

Hide personal details (emails, names) in the screenshot first with Blur Faces and Number Plates, and set a clean address bar text like your site’s domain.

Everything happens in your browser; nothing you type or choose is uploaded.

Errors and how to fix them

  • “This image could not be opened. Try a PNG or JPG screenshot”
  • Transparent edges look white: save as PNG; PNG keeps the transparent and rounded edges.

Questions people ask

  • Which frame should I use? Browser frames for websites, phone frames for app screens and mobile sites.
  • Does it work for App Store or Play Store images? It’s great for promo images; stores have exact size rules for required screenshots, so check them.

Example

A screenshot of your website, browser frame, gradient background, 40 px space and rounded corners: ready for a LinkedIn post or a slide.

Open the tool: Screenshot Mock-up Frames

Still stuck?

Contact support. Tell us which tool or page you were using, what you tapped, what you saw, and your phone or computer and browser (for example: Android phone, Chrome). We reply by email.

Questions, or an error not listed here?

Tell us in the comments: what you were doing, the exact message you saw, and your device and browser. We read every comment and add new fixes to this article.