iPad mockups in real-time 3DiPad Pro, iPad mini and Magic Keyboard
Add your screen to an iPad Pro or an iPad mini, upright on its own or in landscape on a Magic Keyboard. Turn it to any angle and render it as an image up to 4K.
iPad screen sizes, model by model
Each iPad has its own resolution and its own shape. Match your screen image to the model and it fills the display without a crop.
| Model | Year | Display | Artwork size |
|---|---|---|---|
| iPad Pro 12.9-inch M1 | 2021 | 12.9-inch, 264 ppi | 2048 × 2732 px (portrait) |
| iPad Pro with Magic Keyboard | 2021 | 12.9-inch, 264 ppi | 2732 × 2048 px (landscape) |
| iPad mini 6 | 2021 | 8.3-inch, 326 ppi | 1488 × 2266 px (portrait) |
| iPad Pro 11-inch 2018 | 2018 | 11-inch, 264 ppi | 1668 × 2388 px (portrait) |
Resolutions from Apple's technical specifications. The year is the year the model went on sale.
How to tell these iPads apart
From the back, the camera is the quickest way to tell them apart.
iPad Pro 12.9-inch M1
A square camera block with Wide and Ultra Wide cameras and a LiDAR Scanner. The largest screen of the iPads here.
iPad Pro 11-inch 2018
One camera lens with a flash below it. The first iPad Pro with an all-screen front and Face ID.
iPad mini 6
One camera with a flash beside it, and Touch ID in the top button. The smallest iPad here, at 8.3 inches.
On its own or on a Magic Keyboard
The 12.9-inch iPad Pro comes two ways.
iPad Pro on its own
Stands in portrait. Show the front, the back or both.
iPad Pro with Magic Keyboard
Sits in landscape above the keyboard and trackpad, for work and writing apps.
How to make an iPad mockup
Pick an iPad
Choose a model from the list above. It opens as a full 3D iPad in your browser.
Add your screen
Click Upload artwork and add a PNG, JPG, WebP or SVG. Make it at the model's size from the table above.
Choose an angle
Drag to turn the iPad, or click Front or Back.
Export the image
Export 2K or 4K, or choose Transparent in the Background panel for a PNG you can place on your own layout.
Explore more device mockups
Every mockup opens in the same live 3D editor.
One screenshot on every iPad
iPad screens are not all the same shape. A 2048 × 2732 px screenshot made for the 12.9-inch iPad Pro is 3:4, and the narrower iPads crop it.
| Model | Screen | A 2048 × 2732 px screenshot |
|---|---|---|
| iPad Pro 12.9-inch M1 | 2048 × 2732 px | Fits exactly |
| iPad Pro 11-inch 2018 | 1668 × 2388 px | Covers the screen; about 7% of its width is cropped |
| iPad mini 6 | 1488 × 2266 px | Covers the screen; about 12% of its width is cropped |
To avoid the crop, export a screenshot at each model's own size.
iPad mockup questions, answered
Answers about models, screen sizes and exports for every iPad on AmosMind.
What is an iPad mockup?
It shows an app, a page or artwork on an iPad screen, so a design reads as a finished product. Here each iPad is a 3D model you can turn to any angle.
What's the difference between iPad and iPad Pro mockups?
The screen shape. The 12.9-inch iPad Pro is 3:4 and takes 2048 × 2732 px; iPad mini 6 is narrower and takes 1488 × 2266 px. From the back, iPad Pro 12.9-inch has a square camera block and iPad mini 6 a single camera.
Which orientation works better for showcasing apps?
Use the one your app is designed for. iPad Pro and iPad mini stand in portrait here; iPad Pro with Magic Keyboard is the landscape one, and suits work and writing apps.
What size should the screen image be for an iPad mockup?
2048 × 2732 px for iPad Pro 12.9-inch, 1668 × 2388 px for iPad Pro 11-inch 2018 and 1488 × 2266 px for iPad mini 6. On the Magic Keyboard, turn the first one: 2732 × 2048 px.
How do I add my design to an iPad mockup?
Pick an iPad on this page, click Upload artwork and add your screen. It lands on the display straight away; then choose an angle and export.
Is there an iPad mockup with a keyboard?
Yes. iPad Pro with Magic Keyboard shows the 12.9-inch iPad Pro in landscape above the keyboard and trackpad.
Do I need Photoshop or Figma to use iPad mockups?
No. Each iPad is a 3D model that opens in your browser, and you export finished JPG or PNG images. There's no PSD file to edit.
Can I download an iPad mockup as a transparent PNG?
Yes. Choose Transparent in the Background panel and the iPad downloads as a PNG with no background, ready to drop into your own layout.