Feature

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

TL;DR. iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra and Galaxy Tab S9 Ultra: the largest of each class. Four frames covering every required App Store and Play Store size (Apple and Google auto-scale down). Notches, Dynamic Islands and punch-holes match the real device.

Why 4 instead of 20

App Store Connect requires only two screenshot dimensions for modern submissions: 6.9" iPhone (1320 × 2868) and 13" iPad (2064 × 2752), and Apple auto-scales for every smaller class. Play wants a phone and a tablet. So we ship the four that cover both stores completely: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra and Galaxy Tab S9 Ultra, the largest of each class. Most generators ship 20+ frames because they look more impressive in a feature list; fewer, exact frames means fewer "this body ratio is slightly off" edge cases and nothing you don't need.

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

iPhone: 16 Pro Max (6.9").
iPad: Pro 13" (M4).
Android: Galaxy S25 Ultra (phone), Galaxy Tab S9 Ultra (tablet).

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 device 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 →