Image Tools

Device Mockup Generator

Place screenshots inside iPhone, MacBook, iPad, or browser frames — perfect for portfolios, App Store listings, and presentations.

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.

Pick a device frame

Choose from iPhone 15 Pro, MacBook Pro, iPad Pro, or a browser window. Each frame is drawn programmatically for crisp rendering.

Download as PNG

Export a full-resolution PNG ready for portfolios, App Store listings, social posts, and presentations.

Upload a screenshot to place inside a device

Any format — portrait or landscape

How to create a device mockup

  1. Step 1

    Upload your screenshot

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

  2. Step 2

    Select a device

    Pick between iPhone, MacBook, iPad, or Browser Window as your mockup frame.

  3. Step 3

    Download the mockup

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

FAQ

What devices are supported?

iPhone 15 Pro, MacBook Pro, iPad Pro, and a browser window frame. More devices may be added in future updates.

Does my screenshot need to match the device aspect ratio?

No. The tool scales your screenshot to fill the screen area of the selected device, regardless of your image's original dimensions.

Can I use this for App Store screenshots?

Yes. Generate a mockup, then resize it to App Store dimensions using the Image Resizer tool.

Is my screenshot uploaded?

No. All rendering happens in the browser with the Canvas API.

Related Tools

More from Xlork

Related tools

Browse all tools