Device Frame
The visual phone or tablet bezel rendered around a screenshot to give it real-world context.
A device frame is the visual representation of a phone or tablet body — the bezel, notch or Dynamic Island, rounded corners, side buttons, and shadow — placed around an app screenshot. Frames serve two purposes. First, they communicate the platform and form factor at a glance: a viewer instantly understands they are looking at an iPhone screenshot versus an Android screenshot, even before reading any caption. Second, they make raw screenshots feel like real, living interfaces rather than disembodied UI fragments, which measurably improves perceived quality and trust. Modern device frame libraries cover dozens of devices — iPhone 16 Pro, iPhone 16, iPad Pro 12.9-inch, Pixel 9, Galaxy S24, Surface Duo — and ship each frame as a high-resolution PNG or SVG with a precisely defined screen window where the screenshot is composited. When automating screenshot pipelines, the device frame is usually a layer in a template, with the live screenshot rendered into the screen-window region at export time. Choosing the right frame matters: framing an iOS screenshot in an Android body, or using an outdated device, signals carelessness to reviewers and reduces conversion.
Used in
See how this concept shows up in the product:
Explore the featureRelated terms
- Screenshot VariantA specific render of a screenshot for one combination of device size, locale, orientation, and theme.
- Mobile Aspect RatioThe width-to-height ratio of a phone or tablet display, which determines screenshot canvas dimensions.
- Fastlane frameitA command-line action in the Fastlane toolchain that wraps screenshots in device frames using static templates.