Image Tools
Exam Form Photo & Signature KitImage ResizerImage CompressorRotate & Flip ImageCrop ImageDevice Mockup GeneratorView all 35

Device Mockup Generator

Show any screenshot on a phone, tablet, laptop or monitor, or on all three at once.

Runs in your browserNo sign-up requiredNo watermark

Drag & drop a screenshot, or click to chooseTap to choose a screenshot

Or paste it with Ctrl + V. App screens, websites and designs all work.

Present Your App or Website Like a Pro

A screenshot on a real-looking device instantly reads as a product. Drop in an app screen or a web page, choose a phone, tablet, laptop, monitor or browser window, and place it on a clean background sized for your post. Showing a website? Put it on a laptop, tablet and phone together for a responsive mockup in seconds.

How to Use This Tool

  1. 1Add or paste a screenshotAn app screen, a website or a design. The tool picks a device that suits its shape.
  2. 2Choose the devicePhone, tablet, laptop, monitor or browser window, in portrait or landscape, dark or light.
  3. 3Or make a responsive mockupLaptop, tablet and phone side by side, each with its own screenshot or all sharing one.
  4. 4Pick a background and downloadGradient, solid or transparent, sized for X, LinkedIn or Instagram, as PNG or JPG.

Good to Know

  • Every device keeps its real screen shape, so your screenshot is fitted into the screen instead of stretching the device.
  • For long web page screenshots, “Top” keeps the start of the page visible, just like a browser shows it.
  • The responsive mockup is a quick way to show clients that a website works on every screen size.
  • Choose a transparent background to drop the mockup onto your own slides, landing page or App Store graphics.
  • All device designs are generic and unbranded, so they are safe to use in your own marketing.

Frequently Asked Questions

How do I make a responsive website mockup?

Choose “Laptop + tablet + phone” and add a desktop screenshot of your site. For the best result, also add tablet and phone screenshots of the same page; otherwise the desktop one is used for all three.

What screenshot size should I use?

Any size works. For a phone, a phone screenshot fits perfectly; for a laptop or monitor, a desktop screenshot (such as 1920 × 1080) looks best. Larger screenshots give sharper mockups.

Can I use these mockups commercially?

Yes. The devices are generic designs drawn by the tool, not copies of any brand’s product, and the images you make are yours to use.

Is my screenshot uploaded anywhere?

No. Everything is drawn in your browser and nothing is sent to a server.