9 photo-realistic 3D device frames, body ratios from real mm dimensions.

Why 9 instead of 20

App Store Connect requires only two screenshot dimensions for modern submissions: 6.9" iPhone (1320 × 2868) and 13" iPad (2064 × 2752). Apple auto-scales for every smaller class. Most generators ship 20+ frames because they look more impressive in a feature list; we shipped the nine that cover real submission needs and a couple of Android equivalents. Fewer frames means fewer "this body ratio is slightly off" rendering edge cases.

Why "realistic" matters

App Store screenshots aren't viewed at full size — most users scroll past them as 200-px thumbnails. A frame that's even slightly off proportion reads as "fake stock template" in that thumbnail. Our body ratios come from the real device dimensions in millimetres (iPhone 16 Pro Max is 163.0 × 77.6 mm → 2.101), then bezels nudged about 5% thicker than the physical model so the device reads as a device at thumbnail size.

What you can pick

iPhones: 16 Pro Max (6.9"), 16 Pro (6.3"), 16 Plus (6.7"), 16.
iPads: Pro 13" (M4), Pro 11" (M4).
Android: Pixel 10 Pro, Galaxy S25 Ultra, Galaxy Tab S9 Ultra.

Auto vs pinned

Each device layer can be set to Auto (follows the export size you've selected — switch from iPhone 6.9" to 6.5" and Auto devices reshape) or pinned to a specific frame. Auto is the default; pin when a panel needs a specific model for the design to read right (e.g., showing an iPad-only feature alongside iPhone panels).

Tilt and depth

Every device is a photo-realistic 3D model (GLB format) rendered live in your browser via WebGL. Tilt on the X and Y axis; lighting, reflections, and shadows respond in real time. Unlike SVG perspective tricks, you're rotating an actual mesh — the result is the same fidelity as a professional 3D render, served instantly from the browser with no separate export step.

When more devices arrive

We add devices when Apple or Google ships a new class that genuinely changes screenshot dimensions (e.g., a new iPad Pro size). We do not add new devices just to grow the feature-count list — that ratchets maintenance cost without changing what you can ship to the stores.

Per-device mockup generators

Each frame has its own generator page — specs, the exact screenshot size, a step-by-step how-to, and common mistakes for that device:

Try the editor →