Skip to content
Free ToolDesign

Transform screenshots into presentation-ready visuals

Drop in a raw screenshot and wrap it in a realistic device frame — MacBook, iPhone, iPad, or browser chrome. Add a gradient or solid-color background, apply a soft drop shadow, and round the corners for a clean, professional look that elevates any pitch deck or marketing page.

Use this tool free

Features

1

Device frame library

Choose from 15+ device mockups including MacBook Pro, iMac, iPhone 15, iPad, Pixel phone, Surface laptop, and minimal browser windows. Each frame is pixel-accurate and scales to your screenshot.

2

Background customization

Set a solid color, linear gradient, radial gradient, or mesh gradient as the backdrop. Use the color picker or enter hex values to match your brand palette exactly.

3

Shadows and reflections

Add a natural drop shadow with adjustable blur, spread, and offset. An optional subtle reflection beneath the device adds depth for hero-image compositions.

4

Padding and alignment

Control horizontal and vertical padding around the device frame. Center the mockup, offset it for asymmetric layouts, or add extra bottom padding for text overlays.

How to use

1

Upload a screenshot

Paste from the clipboard or drag a PNG, JPEG, or WebP screenshot into the editor. Files up to 25 MB are supported.

2

Pick a device frame

Browse the device library and click to apply. The screenshot auto-fits inside the selected frame with proper aspect-ratio cropping.

3

Style the background

Choose a background type, set colors or gradient stops, and adjust shadow intensity. The live preview updates instantly as you tweak each setting.

4

Export

Download the beautified screenshot as a PNG at 1x or 2x resolution. The 2x option is ideal for Retina displays and high-DPI presentations.

Specifications

Device frames15+ (laptop, phone, tablet, browser)
Background typesSolid, linear, radial, mesh gradient
Output resolution1x or 2x (Retina)
Max input size25 MB
Supported formatsPNG, JPEG, WebP, clipboard paste
ProcessingClient-side (no upload)

Related Magic Eraser Tools

Common questions

Can I paste a screenshot directly from my clipboard?

+

Yes. Press Ctrl+V (or Cmd+V on Mac) anywhere on the page to paste a screenshot from your clipboard. The tool detects image data automatically and loads it into the editor.

What output size should I use for a blog header?

+

Export at 2x resolution and target an image width of 1200 px or wider. This ensures the mockup looks sharp on Retina screens while keeping file size reasonable after compression.

Can I remove sensitive information from the screenshot first?

+

Use Magic Eraser to remove or redact sensitive text, names, or data from the screenshot before beautifying it. The eraser inpaints removed areas so they blend naturally into the surrounding content.

Screenshots looking dull?

AI Enhance can sharpen soft screenshots, correct washed-out colors, and boost contrast before you add the device frame. The result is a crisp, vibrant mockup that grabs attention.

Try it free