Tool · Website mockups
Website mockup generator that starts from a URL
Most mockup tools start with a template and ask you to drop in a screenshot. URL2Mockup starts with your live page: paste the URL, we capture it, and it lands in a laptop, tablet, or phone frame you can style and export.Because the capture comes from the real site, you do not need to resize or crop a screenshot first, and you can re-capture after a redesign with the same settings.
Your first 2 mockups are free when you sign up.
How it works
Step 1
Paste a public URL
Any http or https page that loads without a login. Add a 2s or 5s delay for slow or animated pages, and hide cookie banners if your site shows one.
Step 2
Choose a device
Laptop, tablet, phone, or the laptop + phone combo. Pick a device color to suit your background.
Step 3
Style the scene
Choose a shadow, one of 12 background presets or a custom solid/gradient, padding, and a canvas size, from a tight Fit device crop to Slide 16:9 (1920 × 1080).
Step 4
Export or share
Download PNG, JPG, or WebP, copy straight to your clipboard, or send a share link.
Recommended settings
- Canvas
- Slide 16:9 for decks; Fit device for docs and READMEs
- Device
- Laptop for desktop sites; tablet for dashboards
- Background
- Transparent to place on your own slide; preset otherwise
- Shadow
- Soft or Medium
- Format
- PNG (supports the transparent background)
Tips
- Looking for a bare browser-window frame? URL2Mockup focuses on hardware device frames rather than browser chrome; a laptop frame gives a similar “real site” feel.
- Capture the page at the state you want to show. If content loads in after a moment, use the 5s delay rather than re-capturing.
- Use Force fresh capture after you deploy a change, so you are not reusing a capture from earlier that day.
Frequently asked questions
Most public http/https pages. Pages behind a login, on localhost, or on private networks cannot be captured, but you can upload your own screenshot of them instead.
No. URL2Mockup uses device frames: laptop, tablet, phone, and laptop + phone. If you specifically need browser chrome, a dedicated browser-frame tool is a better fit.
10 credits per device screen captured from a URL (laptop + phone is two screens). Re-capturing a page from the last 24 hours is 3 credits. Every mockup includes the clean HD export with no watermark, all styling options, and private links at no extra credit cost. Packs start at $12 for 120 credits.
No. Framing, backgrounds, canvas sizes, and export all happen in the browser.
Every export is included
Pay per capture with prepaid credits from $12. Clean HD downloads, styling, and private links cost nothing extra.