Device mockup generator
Put a screenshot in a clean phone, tablet, laptop, browser or monitor frame. Your picture never leaves 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-1240x901.png · 1240 × 901 px · PNG · 1x
Copy image always copies a PNG at the chosen scale.
Add a screenshot to enable Download and Copy image.
Mockup ideas
Each page below opens the tool with the frame and the image size that suit the job, and answers the questions people ask about it.
- Phone mockup generatorPhone frame, Square post, 1080 × 1080 px
- Tablet mockup generatorTablet frame, Dribbble shot, 800 × 600 px
- Laptop mockup generatorLaptop frame, Behance project image, 1400 × 875 px
- Browser window mockup generatorBrowser window frame, Open Graph, 1200 × 630 px
- Monitor mockup generatorMonitor frame, Behance project image, large, 2800 × 1750 px
- Mobile app mockup generatorPhone frame, Product Hunt gallery, 1270 × 760 px
- Website mockup generatorBrowser window frame, Behance project image, 1400 × 875 px
- Dashboard mockup generatorMonitor frame, Dribbble shot, sharp, 1600 × 1200 px
- ThemeForest preview mockup generatorLaptop frame, ThemeForest preview, 590 × 300 px
- Social media mockup generatorPhone frame, Story, 1080 × 1920 px
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 device mockups
Is my screenshot uploaded anywhere?
No. Your browser reads the picture, draws the frame and builds the final image on your own device. Nothing is sent to a server, and the tool works without an account.
Do the frames copy a real phone or laptop?
No. Every frame is an original, generic shape with no brand logo and no trademarked design, so a mockup can sit in a commercial preview, a store listing or a client deck without a licence question.
Which picture types and sizes can I use?
PNG, JPG, WebP, GIF, AVIF and BMP files up to 25 MB. SVG files are not accepted, because they can carry scripts. Export your design as a PNG or WebP at the size you want it to look sharp.
Which export sizes are ready-made?
There are sizes for a marketplace preview and thumbnail, Product Hunt, Dribbble, Behance, Open Graph link previews, a square post and a story. You can also type any width and height, within the limits your browser can draw.
Can I get a transparent background?
Yes. Choose the transparent background and export a PNG or a WebP, and only the device and its shadow are kept. A JPG cannot hold transparency, so it is not offered for that choice.
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.