Create Professional Device Mockups for App Store

Intermediate8 minutes7 steps

Generate professional iPhone, iPad, and MacBook mockups for your app store screenshots using OnlineTools4Free.

What You Need

App screenshots at the correct device resolution
A modern web browser

Take Your App Screenshots

Capture clean screenshots of your app on the relevant device. For iOS, use the Simulator or a real device. Make sure to capture in the required resolution.

Apple requires specific screenshot sizes: 6.7" (1290x2796), 6.5" (1284x2778), 5.5" (1242x2208) for iPhones.

Open the Screenshot Mockup Tool

Go to OnlineTools4Free Screenshot Mockup.

Upload Your Screenshot

Upload the app screenshot you want to place in a device frame. The tool will detect the aspect ratio and suggest matching device frames.

Select a Device Frame

Choose from available device frames — iPhone, iPad, MacBook, Android, etc. Pick the device that matches your target platform.

Customize the Background

Add a solid color or gradient background. Choose colors that match your app branding. A clean background makes your mockup look professional.

Add Text (Optional)

Add a headline above or below the device showcasing a key feature, e.g., "Track Your Fitness Goals" or "Manage Tasks Effortlessly".

Download High-Resolution Mockup

Export at the highest resolution for app store submissions. Create mockups for each required screenshot slot (usually 3-5 per device).

Ready to Try It?

Open the tool and follow the steps above. It is free, private, and works in your browser.

Try It Now

Frequently Asked Questions

What screenshot sizes does Apple require?

Apple requires screenshots for 6.7" (1290x2796), 6.5" (1284x2778), and 5.5" (1242x2208) iPhones, plus iPad sizes.

Can I create Android mockups?

Yes. The tool includes various Android device frames alongside iPhone, iPad, and laptop options.

How many screenshots do I need for the App Store?

Apple allows up to 10 screenshots per device type. Most developers create 3-5 highlighting key features.

Are mockups better than plain screenshots?

Yes. Device mockups look more professional and help users visualize your app on their device. They typically increase download rates.

Can I add text overlays?

Yes. Adding a brief feature description as text overlay is a best practice for app store screenshots.

Related Tutorials

Beginner5 minutes

Create Instagram Carousel Images (1080x1080)

Intermediate10 minutes

Optimize All Website Images in Bulk