EZ Mockup
1920 × 1080

Free gradient mockup generator for screenshots

EZ Mockup is a free, in-browser mockup generator. Drop a screenshot or any picture onto an aesthetic mesh, grainy fluid, linear, radial, or conic gradient — or your own background image — frame it in an iPhone, Pixel, Galaxy, iPad, Apple Watch, MacBook, or iMac, tweak size, corner radius, rotation, shadow, and colors, then export a high-resolution PNG, JPG, JPEG, or WebP — or drop a whole batch of screenshots and export the set as a ZIP. Nothing is uploaded to a server.

How it works

From screenshot to share-ready image in under a minute.

  1. Step 1

    Add your picture

    Drop, paste, or upload a screenshot, product shot, or transparent PNG — or a whole batch of them.

  2. Step 2

    Style the background

    Randomize an aesthetic gradient, lock what you like, or pull colors straight from your picture.

  3. Step 3

    Fine-tune and export

    Frame it in a phone, tablet, or laptop, adjust size, position, rotation, and shadow, then export PNG, JPG, or WebP at up to 4×.

  4. Step 4

    Animate the background

    Turn on motion for a seamlessly looping gradient, pick how it moves, then export an MP4, WebM, or GIF.

Free · no sign-up · nothing leaves your browser

Features

  • Upload, paste, or drag-and-drop a picture into the center of the mockup
  • Output presets (1:1, 4:5, 16:9, 9:16, 4:3, 3:2) or any custom pixel size
  • Picture aspect ratio, pixel size, corner radius, position, rotation, and opacity
  • Drop shadow that follows the shape of transparent PNGs, with a draggable light to set its direction
  • Frameless picture styles: glass, liquid glass, inset, outline, border, retro, card, and stacked
  • Device frames: iPhone 17, Air, 16, 15, and 14, Pixel 7 Pro, Nothing Phone, iPad Pro, Air, and mini, Apple Watch Series 10 and Ultra, MacBook Pro and Air, the colorful 24″ iMac, Pro Display XDR, and more, in their real finishes
  • Screenshots from a supported phone or tablet are recognized and matched to their device
  • Mesh, grainy fluid, linear, radial, and conic gradient styles with draggable circles
  • Aesthetic random gradients generated in the perceptual OKLCH color space
  • Lock individual colors or the gradient style when randomizing
  • Extract a matching color palette from the uploaded picture
  • Custom background image, plus grain and blur over any background
  • Export PNG, JPG, JPEG, or WebP at full resolution, or copy to clipboard
  • Up to three devices in one mockup, mixed freely (say a MacBook with two iPhones): start from a row, staggered, hero, fan, or cascade template, then move, size, rotate, layer, and fade each one
  • Bulk mode: drop many pictures at once, style them together, and download the set as a ZIP
  • Shared background for a consistent set, or a different one per picture

Frequently asked questions

Can I mock up many screenshots at once?+

Yes. Drop, paste, or pick several pictures at once (up to 50). They share the picture settings, can share one background or each get their own, and export together as a ZIP.

Can I show several screenshots in one mockup?+

Yes. Set the devices per mockup to 2 or 3 in the Mockup tab, give each device its own frame (a MacBook next to two iPhones works), and start from a template. Then drag any device to move it, or set its size, rotation, layer, and opacity; double-click one to adjust where its picture sits on the screen. With more pictures, the set fills mockups in order and exports them together.

Can I put my screenshot in an iPhone, iPad, or MacBook frame?+

Yes. Pick a device frame in the Mockup tab: over 50 phones, tablets, watches, laptops, and displays in their real finishes, in portrait or landscape. Your screenshot fills the screen behind the notch and rounded corners, and when EZ Mockup recognizes a screenshot's resolution it suggests the matching device.

Is EZ Mockup free?+

Yes. EZ Mockup is completely free, requires no account, and adds no watermark.

Are my images uploaded anywhere?+

No. Everything runs in your browser using the HTML canvas. Your pictures never leave your device.

Which export formats are supported?+

PNG (lossless, supports transparency in the picture), JPG/JPEG, and WebP with an adjustable quality slider. You can also copy the result to the clipboard as PNG.

How does the gradient randomizer pick good-looking colors?+

Colors are generated in the OKLCH color space using classic color harmonies (analogous, complementary, split-complementary, triadic, monochrome) with lightness and chroma kept in a pleasing range, then mapped into sRGB without clipping. Gradients are also interpolated in OKLCH to avoid muddy gray midpoints.

Can I match the background to my screenshot?+

Yes. Click “From picture” and EZ Mockup extracts the dominant accent colors from your picture, ignoring white, black, and gray UI, and turns them into a gradient.

What sizes can I export?+

Any size from 16 to 8192 pixels per side, with presets for Instagram (1:1, 4:5), stories and reels (9:16), YouTube and X/Twitter (16:9), and more.