mockstack.

Device Mockup Generator

PHONE · DYNAMIC ISLAND ← Web & Brand

Device

Style

Finish

Screen

Background

Preset

Padding 12%

Angle

Rotate 0°

Shadow 55

Output

Scale

Drop a screenshot to frame

or click to choose a file

any size · any aspect · read locally

Mockup Preview · your screenshot inside the chosen frame, on the chosen background, exactly as it exports

READY RUNS LOCALLY

About the Device Mockup Generator

Wraps a screenshot in a clean device frame and exports the result as a PNG, in your browser. Upload the screenshot, pick a device and a background, and download at 1× or 2×.

Every Setting

Device: Phone, tablet, laptop, desktop, a browser window, or No Frame for just the screenshot with styling. Frames are drawn, not photographed, so they stay sharp at any size.
Style: The phone’s screen cutout: Dynamic Island, notch, punch hole, or clean.
Finish: The frame’s body color.
Screen: Fill Screen crops your image to fill the display; Fit Whole Image letterboxes it so nothing is cut off.
Corners: Corner rounding when there is no frame to supply it.
Background: Solid, gradient, mesh, or transparent behind the device. Transparent exports keep real alpha for compositing elsewhere.
Padding: Space between the device and the canvas edge. Defaults to none; add it only if the layout needs air.
Angle and Tilt: Front-on, tilted, or floating, with the exact tilt and rotation on sliders.
Shadow: The drop shadow’s strength under the device.
Output: The canvas shape: 4:3, 16:9, square, social-card, or sized to the frame itself.
Scale: 1× or 2× the base resolution. Use 2× anywhere the image might be shown large.

Common Questions

Can I put the mockup on a colored background?: Yes: solid, gradient, mesh, or transparent to composite it yourself.
Is my screenshot uploaded?: No. Everything renders on your machine.