Skip to content
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.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit a7d6b6b Feb 17, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css improved the form spacing Jan 25, 2017
img Fixed bug where on macOS dark theme you couldn’t see the toolbar icon Jan 23, 2017
js installed angular via npm Jan 26, 2017
.gitignore init Jan 22, 2017
index.html installed angular via npm Jan 26, 2017
main.js improved the form spacing Jan 25, 2017
npm-shrinkwrap.json updated shrinkwrap Feb 17, 2017
package.json specific angular-electron version Jan 26, 2017
readme.md Update readme.md Jan 29, 2017
screenshot1.png improved the form spacing Jan 25, 2017
screenshot2.png

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.
You can’t perform that action at this time.