Screenshot mockup editor

mokk

Templates

Your image, output size and address stay as they are. Undo with ⌘Z or Ctrl+Z to go back.

Start overClears the image and every setting, back to a phone on a fresh gradient. Undo with ⌘Z.

Undo⌘Z or Ctrl+ZRedo⇧⌘Z or Ctrl+Y

Copy imageAdd a screenshot first.

Export

Rendering preview…

Output1600 × 1000 px

Format

Scale

Source

Website URL

Viewport

Full pageHide cookie bannersDark mode

Drop an image herePNG, JPG or WebP, up to 20 MB

Or paste a copied image anywhere with ⌘V or Ctrl+V.

1600 × 1000 px

Add textAdds a heading you can type into, drag, rotate and style. Double-click any text to edit it.Add imageAdds an image, like a logo, that you can drag, resize and rotate. PNG, JPG, WebP or SVG.

×

100%Fit to screenZooms so the whole image fits in view. It stays fitted as the window resizes.

Mockup

iPhone 17 Pro

402 × 874 pt

The screen's size in points. Capture or design at this size and it fills the screen exactly.

Orientation

FinishSilver