Mockup Generator is a macOS app built with AngularJS/Electron that sits in your menu bar allowing you to capture screenshots of your favourite websites and wrap them in device mock-ups.
Clone or download
Latest commit a7d6b6b Feb 17, 2017

readme.md

Mockup Generator

Mockup Generator is a macOS app built with AngularJS/Electron 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

App Screenshot

Generated mockup App Screenshot

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.