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 https://github.com/andypotts/mockup-generator/raw/build/Mockup.zip

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 https://github.com/andypotts/mockup-generator/raw/build/Mockup.zip