Awesome Open Source
Awesome Open Source

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.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,346
macos (1,768
angular (1,313
electron (956
app (402
screenshot (157
electron-app (145
desktop-app (97
menubar (75