Website Mockup Generator

Free multi-device website mockups from any URL

Paste a website address and it loads live inside an iMac, a MacBook, an iPad and an iPhone at the same time. Each frame shows the layout that device really gets, so you can check a responsive design and save a clean mockup for a portfolio, a proposal or a launch post in about a minute.

How to make a website mockup

  1. Paste the URL. Type or paste the address at the top and click Generate mockup. The site loads in all four devices.
  2. Arrange it. Turn devices on or off, drag them where you want, pick a background colour and choose a front or perspective view.
  3. Save it. On a computer, click Capture whole canvas, or Capture selected area to crop. Share this tab when your browser asks, and the PNG downloads straight away.

What you can do with it

Show work in a portfolio

One image with every screen size tells a visitor the site was built properly for phones too.

Present to a client

Drop the mockup into a proposal, a handover email or a progress update instead of a plain screenshot.

Check a responsive layout

Spot a broken menu or a cramped hero on tablet and mobile before the client does.

Announce a launch

A multi-device image works well for a LinkedIn post, a case study or a social media launch.

Why I built a free website mockup generator

Most website mockup tools want something first: a subscription, an account, a screenshot you have to take and crop yourself, or a paid plan to remove limits. Some free tools put one desktop screenshot into every device, so the phone shows a tiny desktop site. I wanted to paste a URL and get a real multi-device mockup, with the real mobile and tablet layouts, free and without signing up. So I built this one.

Website mockup generators compared

If you are looking for a TechSini, Shots.so, Placeit or Smartmockups alternative that works straight from a URL, this is how the options compare.

ToolHow it worksDownloadCost
This generator (sukeshdas.com)Paste a URL; the live site loads on 4 devices at real widthsBuilt-in PNG download (canvas or selected area)Free, no account, no watermark
TechSini Multi-Device MockupPaste a URL; the site loads in 4 Apple devicesNo download button; their page suggests Print Screen or a screenshot extensionFree
Shots.soUpload your own screenshots into device framesPNG or JPG; WebP export and premium effects on paid plansFree plan; paid from $8 a month
PlaceitPick a template and upload a screenshotUnlimited downloads with a subscriptionFrom $7.47 a month
Canva Mockups (formerly Smartmockups)Upload a screenshot into a mockup templateInside CanvaNeeds a Canva account

Details as shown on each tool's own website in October 2026. They can change.

What this mockup generator does that others don't

Works straight from a URL

No screenshots to take, crop and upload. Paste the address and the site loads in every device.

Real layouts on every device

Each frame loads the site at the width that device really uses (1440, 810 and 390 pixels), so the phone shows the true mobile layout, not a shrunken desktop page.

Loads sites that block framing

Many websites refuse to be shown inside another page, which is why some URL-based mockup tools show a blank frame for them. This one fetches the page through its own proxy, so most sites load.

Live, clickable frames

Scroll each device to a different section, open a menu or close a cookie banner before you save.

A real download button

Save the whole canvas or crop a selected area as a PNG. No Print Screen, no browser extension, no editing afterwards.

Shareable preview links

Send a link like /website-mockup/?url=client.com&larger=1 and it opens with the mockup already built.

Full control of the layout

Drag devices anywhere, hide the ones you don't need, pick any background colour, choose a front or perspective view and switch to larger mockups.

Free, with no account, watermark or subscription

No sign-up and no paid plan to unlock downloads.

Tips for a clean mockup

Guides

Frequently asked questions

Is the website mockup generator free?

Yes. There is no signup, no watermark and no limit on how many mockups you make.

How do I download my mockup?

On a computer, click Capture whole canvas or Capture selected area. Your browser asks which tab to share: choose this tab and the mockup is saved as a PNG. Nothing is uploaded; the image is made in your browser.

Can I make a mockup of a site that isn't live yet?

It needs a public URL, so a staging or preview link works as long as it opens without a login. Password-protected pages and local addresses such as localhost can't be loaded.

Why won't some websites load in the frames?

Some sites block automated requests, especially ones behind Cloudflare bot protection or a login. If a site refuses to load, try its staging link, or take screenshots and use a static mockup instead.

Can I change the background or the device layout?

Yes. Pick any background colour, switch between a front view and two perspective angles, turn devices on or off, drag them anywhere on the canvas and use Larger mockups for a bigger render.

Does it work on a phone?

You can build and preview a mockup on a phone or tablet, but saving it needs a desktop browser, because mobile browsers don't allow screen capture.

What sizes do the devices show?

Each device loads the site at the width that device really uses: 1440 pixels for the iMac and MacBook, 810 for the iPad and 390 for the iPhone, so you see the real desktop, tablet and mobile layouts.

Is there a free website mockup generator with no watermark and no sign-up?

Yes, this one. Paste any public URL and you get a multi-device mockup on an iMac, MacBook, iPad and iPhone, then save it as a PNG. There is no account, no watermark and no subscription.

Who made this

This is a free tool from Sukesh Das, a web designer and developer in Bangladesh who builds WordPress, Squarespace and custom-coded websites. See the portfolio for real client sites, or get in touch about a project. There is also a free bulk image converter for HEIC, RAW and WebP.