Laptop mockup generator
A laptop is the classic way to present a website, a dashboard or a design file. The screen is a 16 by 10 shape with a thin camera dot, and a slim base with a small groove sits under it so the frame reads at once. Nothing is uploaded: the picture is drawn in your browser.
Studio
Your screenshot appears here
Drop, paste or browse for a screenshot, or try an example.
Drop a screenshot here
Or paste one with Ctrl+V. PNG, JPG, WebP, GIF, AVIF or BMP, up to 25 MB.
Export
Saves as mockup-laptop-1400x875.png · 1400 × 875 px · PNG · 1x
Copy image always copies a PNG at the chosen scale.
Add a screenshot to enable Download and Copy image.
More mockup ideas
How it works
Add a screenshot
Drop, paste or browse for a screenshot of your design (PNG, JPG, WebP, GIF, AVIF or BMP), or start with an example. Your own browser reads it and nothing is uploaded.
Choose a device and a background
Pick a phone, tablet, laptop, browser window or monitor, then set a solid, gradient, mesh or transparent background, the padding, the corner radius, the shadow, the bezel colour and, if you like, a second device.
Pick a size
Use a ready-made size for a marketplace preview, a Product Hunt gallery, Dribbble, Behance or a social post, or type your own width and height.
Download or copy
Save the mockup as a PNG or WebP at normal or double size, or copy it straight to your clipboard to paste into a chat or a document.
Questions about a laptop mockup
How do I make a laptop mockup?
Drop, paste or browse for a screenshot, or try the example. The laptop frame is drawn around it at once. Then open Size and choose Behance project image (1400 × 875 px), and change the background, padding and shadow as you like. Take the screenshot at a 16 by 10 shape so it fills the screen. Crop out the browser toolbar first if you want only the page to show.
Does the laptop frame copy a real model?
No. It is an original, generic shape with no logo, no notch and no brand detail, so you can use the result in a store listing, a client deck or a paid template preview without a licence question.
Which image size should I use for a laptop mockup?
A 16:10 project image matches the laptop screen, so the whole frame fits a portfolio page without wasted space at the top or bottom. In the Size list choose Behance project image, which is 1400 × 875 px.
Is anything uploaded when I make a laptop mockup?
No. Your screenshot is read and drawn into the laptop frame by your own browser, so the picture behind your laptop mockup never reaches a server, and Download and Copy image work on your device.
More free tools
View all toolsAbout these tools
Small tools, made by Sifency
Sifency is a small studio that builds themes, plugins and web apps. These tools began as the things we kept needing ourselves, so we tidied them up and left them open for everyone. There is nothing to sign up for.