Mockup Generator
Place designs in device frame mockups
Drop a screenshot or design to place in a device frame
Processed entirely in your browser
Works with any file size -- files over 50MB may just take a little longer
What is this tool?
Places your design or image into a realistic device or product mockup (like a phone screen or a printed poster), useful for presenting work without needing separate mockup software.
How to use it
Upload your design, choose a mockup template, and the tool composites them together automatically. For the Phone and Tablet frames, drag the image to reposition it and use the zoom slider to adjust how much is visible before downloading.
The Phone and Tablet frames crop your image to fill the screen area (since real device screens have a fixed shape) -- drag to choose which part of your image stays in frame rather than accepting wherever it lands by default. The Browser frame stretches to fit exactly, so no cropping or repositioning applies there.
Watch: Mockup Generator in Action
Watch on YouTubePlays on YouTube (counts toward our @freedailypro channel).
Next: Social Media Asset Formatter
Resize the same branding for social media profiles
Frequently asked questions
More from Design & Color: