AppScreenshots DocsDevice Frames
Explore the available device mockups in AppScreenshots for creating realistic app screenshots.
Device Frames
AppScreenshots provides a comprehensive collection of device frames to showcase your app in realistic mockups.
iOS Devices
iPhone Models
| Device | Resolution | Features |
|---|---|---|
| iPhone 15 Pro Max | 1290 × 2796 | Dynamic Island |
| iPhone 15 Pro | 1179 × 2556 | Dynamic Island |
| iPhone 15 | 1179 × 2556 | Dynamic Island |
| iPhone 14 | 1170 × 2532 | Notch |
| iPhone SE | 750 × 1334 | Home Button |
iPad Models
| Device | Resolution | Features |
|---|---|---|
| iPad Pro 12.9" | 2048 × 2732 | Face ID |
| iPad Pro 11" | 1668 × 2388 | Face ID |
| iPad Air | 1640 × 2360 | Touch ID |
| iPad Mini | 1488 × 2266 | Touch ID |
Android Devices
Pixel Style
| Device | Resolution |
|---|---|
| Pixel 8 Pro | 1344 × 2992 |
| Pixel 8 | 1080 × 2400 |
| Pixel 7 | 1080 × 2400 |
Samsung Style
| Device | Resolution |
|---|---|
| Galaxy S24 Ultra | 1440 × 3120 |
| Galaxy S24 | 1080 × 2340 |
HarmonyOS Devices
| Device | Resolution |
|---|---|
| Huawei Mate 60 Pro | 1260 × 2720 |
| Huawei Pura 70 Ultra | 1260 × 2844 |
| Huawei MatePad Pro 13.2 | 2880 × 1920 |
Browser Frames
| Browser | Style |
|---|---|
| Chrome Desktop | macOS style |
| Chrome Mobile | Android style |
| Safari Desktop | macOS style |
| Generic Browser | Minimal frame |
Device Colors
Most devices support multiple color options:
- iPhone: Space Black, Silver, Gold, Deep Purple, Blue
- Android: Obsidian, Porcelain, Bay, Hazel
- iPad: Space Gray, Silver
Custom Devices
For each device category, we provide a "Custom" option that allows you to:
- Set custom screen dimensions.
- Adjust frame thickness.
- Configure corner radius.
- Choose frame colors.
This is useful for creating mockups for devices not in our preset list.
Best Practices
- Match your target platform - Use iOS devices for App Store screenshots, Android for Play Store.
- Consistent device choice - Use the same device model across all screenshots for a unified look.
- Consider device colors - Choose device colors that complement your app's design.
- Frame positioning - Leave enough margin around devices for text and other elements.