← all tools

📲 Mockup Generator

Upload a screenshot and it drops into a smartphone, tablet, laptop, monitor or browser-window frame. Pick a background, angle and shadow, add a headline and download a PNG for the App Store, a landing page or a post. Everything runs in your browser — the picture is never uploaded.
Tap, drag & drop or paste a picture (Ctrl+V)
Frames are drawn in code and do not copy any manufacturer artwork. A “Transparent” background with “Fit device” gives a PNG with no background — handy for a website or a slide. Export is up to 2560 px on the long side.

Frequently asked questions

What is a mockup and why use one?

A mockup is your screenshot or picture placed inside a realistic device frame — a smartphone, laptop, monitor or browser window. It makes an app or site look real for the App Store, a landing page, a portfolio, a slide or a social post.

Is my screenshot uploaded anywhere?

No. The mockup is built on a canvas right in your browser and the file never leaves your device, so unreleased or work screenshots are safe to use.

How do I get a PNG with a transparent background?

Choose “Transparent” under Background and “Fit device” under Image size. You get a PNG with only the device and its shadow — easy to drop into a website, Figma or a presentation.

Which sizes work for social media?

1:1 for a square post, 4:5 for the Instagram feed, 9:16 for Stories and Reels, 16:9 for a YouTube thumbnail or a banner. Export is high resolution, up to 2560 px on the long side.

Can I turn the device in 3D?

Yes. The “3D turn” slider rotates the device in perspective and “Tilt” rotates it flat. There are ready-made angles too: straight, left, right and dynamic.

Are these official Apple or Samsung frames?

No. All frames are drawn in code in a generic modern-device style and do not copy any manufacturer artwork, so you can use the mockups freely in your own materials.