Device Mockup Generator
A free phone mockup generator that also does foldables and tablets. Drop in a screenshot, pick one of 28 devices and download a PNG with the frame around it. The frames are the ones Hoverify's responsive viewer draws, and each is free to download on its own.
Last updated
Every device frame
Each device has its own page with the viewport in CSS pixels, the status bar and cutout the extension draws, the corner radius and the frame files in every finish. The generator on that page opens with the device already selected.
Phones 18
iPhone 18 Pro Max
440 × 956 CSS px. Dynamic Island, 4 finishes.
iPhone 18 Pro
402 × 874 CSS px. Dynamic Island, 4 finishes.
iPhone 17 Pro Max
440 × 956 CSS px. Dynamic Island, 3 finishes.
iPhone 17 Pro
402 × 874 CSS px. Dynamic Island, 3 finishes.
iPhone 17
402 × 874 CSS px. Dynamic Island, 5 finishes.
iPhone Air
420 × 912 CSS px. Dynamic Island, 4 finishes.
iPhone 17e
390 × 844 CSS px. Notch, 3 finishes.
iPhone 16
393 × 852 CSS px. Dynamic Island, 5 finishes.
iPhone 16 Plus
430 × 932 CSS px. Dynamic Island, 5 finishes.
iPhone SE (3rd generation)
375 × 667 CSS px. No cutout, 3 finishes.
Galaxy S26 Ultra
384 × 832 CSS px. Punch hole camera, 4 finishes.
Galaxy S26
360 × 780 CSS px. Punch hole camera, 4 finishes.
Galaxy A17 5G
384 × 832 CSS px. Waterdrop notch, 3 finishes.
Galaxy A07
384 × 854 CSS px. Waterdrop notch, 3 finishes.
Pixel 11
412 × 924 CSS px. Punch hole camera, 4 finishes.
Pixel 11 Pro XL
448 × 998 CSS px. Punch hole camera, 4 finishes.
Redmi Note 14 4G
393 × 873 CSS px. Punch hole camera, 4 finishes.
Moto G Power (2025)
444 × 980 CSS px. Punch hole camera, 2 finishes.
Foldables 4
iPhone Duo
466 × 678 closed, 669 × 951 open. Punch hole camera, 2 finishes.
Galaxy Z Fold7
412 × 960 closed, 750 × 832 open. Punch hole camera, 4 finishes.
Galaxy Z Flip8
412 × 960 CSS px. Punch hole camera, 4 finishes.
Pixel 10 Pro Fold
444 × 970 closed, 755 × 783 open. Punch hole camera, 2 finishes.
Tablets 6
iPad Pro 13" (M5)
1032 × 1376 CSS px. No cutout, 2 finishes.
iPad Pro 11" (M5)
834 × 1210 CSS px. No cutout, 2 finishes.
iPad Air 13" (M4)
1024 × 1366 CSS px. No cutout, 4 finishes.
iPad (A16)
820 × 1180 CSS px. No cutout, 4 finishes.
iPad mini (A17 Pro)
744 × 1133 CSS px. No cutout, 4 finishes.
Galaxy Tab S11
800 × 1280 CSS px. No cutout, 2 finishes.
About these device frames
28 frames drawn to each device's real screen size and corner radius, current to the 2026 lineup. Take your screenshot at the viewport listed on the device page and it fills the screen with nothing cropped. Nothing you drop in leaves your browser.
Full resolution. Exports are 3 pixels per CSS pixel on phones and 2 on tablets. An iPhone 17 Pro mockup is 1332 × 2748, large enough for store listings and print.
Foldables, closed and open. The iPhone Duo, Galaxy Z Fold7 and Pixel 10 Pro Fold each come as two frames, with the crease drawn where the real screen has one.
Free for commercial work. Use the mockups and the bare frames in listings, ads, decks and client projects without crediting Hoverify. The one rule is not to resell the frame files.
Frequently Asked Questions
Have a question we haven't answered? Get in touch.
See your live site in all of these frames at once
The responsive viewer in Hoverify opens your page in every device here, side by side, with scroll and clicks kept in sync. Fold the Galaxy Z Fold7 open, then capture a framed screenshot from any device without leaving the tab.
- 3 browsers per license
- 14-day refund
- No auto-renewal
More free tools
Beautiful CSS Gradients
Mesh, grainy, metallic and animated gradients to copy and paste.
Tailwind v3 to v4 Converter
Paste a v3 config and get the v4 CSS-first equivalent back.
Image to Mesh Gradient
Turn an image into a soft mesh gradient you can copy as CSS.
Color Picker from Image
Drop in a photo and pick any color out of it as HEX, RGB or OKLCH.
Color Picker
Choose a color and convert it between HEX, RGB, HSL and OKLCH.