Mockuper

GO TO GENERATOR

TUTORIALS

Learn how to create online custom mockups with our intuitive web app: Mockuper helps you design mockups templates in order to showcase your projects. No need to have photoshop installed or use expensive graphic software, just few steps and you'll get your awesome custom mockup for free!

HOW TO MAKE ACustomMOCKUP FOR FREE

START

01 Custom section

Change app section clicking on the top right button on the main window

02 Upload

Pick the background mockup from your pc. It could be any image you like

03 Draw maps

Add one or more maps to the mockup. Drag the map points on each edge or the mockup screen.

04 Ratio

Set your screenshot ratio: for example, if you are mocking up a macbook your ration would be 1440x900

05 Crop & Settings

Drag and resize the crop area of your mockup. Mockuper lets you change some cool settings as the screen reflection, just play with the controls!

06 Download

You are done! Use the bottom right button to download your awesome new free mockup. Choose which resolution you need. Higher resolutions take more time to load (few seconds, not hours :) )

DONE
GO to generator

SUBSCRIBE TO THE NEWSLETTER

AND GET UPDATED ABOUT NEW MOCKUPS AND FEATURES