iPhone SE Mockup Generator

Drop in a screenshot and download it inside the iPhone SE (3rd generation) frame as a PNG. The screen is 375 × 667 CSS px with no cutout, and the frame comes in Midnight, Starlight and (PRODUCT)RED. Your screenshot stays in your browser.

1329 × 2697
Screenshot
Orientation
You can use the mockup in commercial work without crediting Hoverify. License terms

iPhone SE screen size and viewport

The smallest iPhone still in circulation: 375 by 667, a home button, no cutout and a 20 px status bar. If a layout breaks anywhere, it breaks here first.

There is no cutout. The whole screen opening is yours. The viewport below is what Hoverify's responsive viewer renders the page at for this device, in CSS pixels. The frame image is that viewport plus the bezel, at 3 pixels per CSS pixel. Rows marked "in the frame image" are in those pixels, so they drop straight into Figma or Photoshop at the frame's full size.

Viewport (CSS px)
375 × 667
Device pixel ratio
2
Physical pixels at that ratio
750 × 1334
Operating system
iOS
Screen cutout
None
Status bar height
20 CSS px
Navigation
Home button
Screen corner radius
Square corners
Frame image
1329 × 2697 px at 3× (443 × 899 CSS px)
Screen opening offset
102 px from the left, 348 px from the top in the frame image (34 and 116 CSS px)
Finishes
Midnight, Starlight, (PRODUCT)RED

iPhone SE frame PNG and WebP download

The bare bezel with a transparent screen opening, one file per finish. The WebP is the file the Hoverify extension ships. The PNG is decoded from it in your browser when you click, and the pixels are identical. You can use both in personal and commercial work under the device frames license, and credit is optional.

iPhone SE (3rd generation)1329 × 2697 px per file
iPhone SE (3rd generation) frame in Midnight
Midnight
iPhone SE (3rd generation) frame in Starlight
Starlight
iPhone SE (3rd generation) frame in (PRODUCT)RED
(PRODUCT)RED

Frequently Asked Questions

Have a question we haven't answered? Get in touch.

For web developers and designers

Test your live site on every device at once

The responsive viewer in Hoverify loads your page inside this frame at 375 × 667, with Safari's bars drawn around it, next to every other device you have added. Scroll one and they all scroll. Capture a framed screenshot from the device header when it looks right.

  • 3 browsers per license
  • 14-day refund
  • No auto-renewal