Mockup Generator

Mockup Generator is a macOS app built with Electron/AngularJS that sits in your menu bar allowing you to capture screenshots of your favourite websites and wrap them in device mock-ups.

Device images are from http://facebook.design/devices

If you wish to just install the app, the file is available for download here.

Screenshots

Generated mockup

Devices currently supported

• Apple Macbook
• Apple Macbook Air 11"
• Apple Macbook Pro 15"
• Apple Watch 2
• Apple iMac
• Apple iPad Pro
• Apple iPhone 7
• Google Pixel

Instructions

• run npm install
• run npm run build to build the app.
• run npm start to run app from CLI without building the app
• If you wish to just install the app, the file is available for download here.