Device Mockup Generator: iPhone, Android, iPad, Mac and Watch

TL;DR: ScreenShipper's free device mockup generator frames any screenshot in an iPhone, Pixel, Galaxy (including Z Fold), iPad Pro, Android tablet, MacBook, Apple Watch or browser window, with real frame colors, tilt, 3D angle and shadow. Export a high-resolution transparent PNG for landing pages, social posts, launch galleries and pitch decks, right in your browser.

Different products need different devices. A habit tracker lives on a phone, a SaaS dashboard lives in a browser, and a drawing app shines on a tablet. The free generator covers all three families plus watch and laptop:

For capture instructions, see our guides to Android emulator screenshots and the iPhone mockup walkthrough, which covers iPhone-specific details like frame colors and Apple's marketing rules.

Plenty of tools put a screenshot in a phone. These criteria separate a quick hack from something you'll keep using:

1. Current devices. Old bezels and Home buttons date your product. Look for current phone shapes, foldables, tablets and laptops.
2. Correct screen fit. The tool should fit your capture to the device's screen area cleanly, without stretching it.
3. Transparent export at high resolution. A transparent PNG drops onto any website or slide. Low-resolution exports look soft on high-density displays.
4. Real frame colors and a custom option. Matching the frame to your brand palette makes a set feel designed.
5. Angle and shadow control. Subtle perspective adds depth; extreme angles make UI unreadable.
6. Privacy. Unreleased screens are sensitive. ScreenShipper's generator runs in your browser and never uploads your image.
7. A path to store screenshots. Marketing mockups and App Store screenshots have different rules. A tool that also exports exact store sizes saves rework later.

1. Open the mockup generator and upload a PNG or JPEG screenshot.
2. Pick a device from the Device list. Wide devices such as the MacBook switch the canvas to landscape automatically.
3. Choose a frame finish, or set a custom frame color.
4. Adjust Tilt, 3D angle, Shadow and Size, and turn Screen glare on or off.
5. Choose a canvas: square, 4:5 portrait, 16:10 landscape or 9:16 story.
6. Choose a transparent, solid or gradient background.
7. Download the PNG. Repeat with the same settings for each device in your set.

Each channel rewards a slightly different setup:

For launch day specifics, including how to order your gallery, see our Product Hunt launch guide.

A mockup is a marketing image. A store screenshot is a store asset with strict rules. Mixing them up causes upload errors and rejections.

Two practical consequences:

• Never upload a transparent mockup as a store screenshot. Both stores reject alpha channels. Our alpha channel guide shows how to flatten files.
• Think twice about devices in Google Play graphics. Google's Play Console guidance for feature graphics lists device imagery among elements to avoid, because it can date quickly. See our feature graphic examples for alternatives.

Device frames inside App Store screenshots are common and fine as long as the screen shows your real app. Our guide to App Store screenshot mockups covers when a frame helps.

• Same angle and light. If the phone tilts left, tilt the tablet left too, with the same shadow strength.
• Correct relative size. A phone shouldn't look as big as a laptop. Apple's marketing guidelines also ask for correct relative sizes when several Apple products appear together.
• Same app state. Show the same account, theme and data across devices, so it reads as one product.
• Brand-matched colors. Choose frame finishes and backgrounds from your palette.
• Real UI per device. Show your actual iPad or desktop layout. A phone screen stretched to tablet width is obvious.