Image Tools

Screenshot Beautifier & Device Mockup

Two tools in one — add gradient backgrounds and browser/macOS frames to screenshots, or place them inside iPhone, MacBook, iPad and Browser device mockups.

Upload your screenshot

Drag and drop or click to upload any PNG, JPG, or WEBP screenshot. All processing runs in your browser — nothing is uploaded.

Beautify with gradients & frames

Pick from 9 gradient or solid backgrounds, add Browser or macOS chrome, adjust padding and corner radius for a polished look.

Place inside device mockups

Switch to Device Mockup mode and place your screenshot inside an iPhone 15 Pro, MacBook Pro, iPad Pro, or Browser Window frame.

Click or drag a screenshot here

Any image format

How to beautify or create a mockup

  1. Step 1

    Upload your screenshot

    Click or drag a PNG, JPG, or WEBP screenshot onto the tool.

  2. Step 2

    Choose a mode

    Switch between Beautify (gradients + frames) or Device Mockup (iPhone, MacBook, iPad, Browser).

  3. Step 3

    Download the result

    Click Download to save the styled screenshot as a full-resolution PNG.

FAQ

What is the difference between Beautify and Device Mockup?

Beautify wraps your screenshot in a gradient or solid background with an optional browser/macOS chrome bar. Device Mockup places your screenshot realistically inside a drawn device frame (iPhone, MacBook, iPad, or Browser).

What frame styles are available in Beautify mode?

Browser (Chromium-style with URL bar), macOS (with traffic-light dots), Shadow only (drop shadow + rounded corners), and None (background only).

Which devices are available in mockup mode?

iPhone 15 Pro, MacBook Pro, iPad Pro, and Browser Window. Each is drawn programmatically on canvas — no external images needed.

Is my screenshot uploaded anywhere?

No. All rendering uses the browser Canvas API. Nothing leaves your device.

Related Tools