Mockuper

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 A CUSTOM MOCKUP FOR FREE

START

1Custom section

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

2Upload

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

3Draw maps

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

4Ratio

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

5Crop & 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!

6Download

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
This site is protected by reCAPTCHA and the GooglePrivacy Policy andTerms of Service apply.