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, linear, radial, or conic gradient — or your own background image — tweak size, corner radius, rotation, shadow, and colors, then export a high-resolution PNG, JPG, JPEG, or WebP. Nothing is uploaded to a server.

How it works

  1. Step 1

    Add your picture

    Drop, paste, or upload a screenshot, product shot, or transparent PNG.

  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

    Adjust size, corner radius, position, rotation, and shadow, then export PNG, JPG, or WebP.

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
  • Mesh, 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 with blur
  • Export PNG, JPG, JPEG, or WebP at full resolution, or copy to clipboard

Frequently asked questions

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.