Insert a bunch of images to keynote magically. 💫
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
app
build
docs
lib
static/css
.babelrc
.editorconfig
.eslintrc
.gitignore
LICENSE.md
README.md
add.html
index.html
main.js
package-lock.json
package.json
webpack.config.js
yarn.lock

README.md

Screeener! Screens to keynote magically

Get Screeener!

Use this app to insert a bunch of images to a keynote file, using the mockup you choose.

How to install a new mockup

  1. Go to the folder ~/Library/Application Support/Screeener/templates
  2. Add the JSON file and the mockup image in the folder
  3. Restart the app. And Done! 😎

How to create a mockup

  1. Write a JSON file with the template below using your mockup informations:
{
  "name": "Side by side",
  "category": "default",
  "images": [
    { "x": 273, "y": 137, "width": 1204, "height": 753 },
    { "x": 1483, "y": 428, "width": 297, "height": 640 }
  ],
  "mockup": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080,
    "path": "mockups/mockup-side-by-side.png"
  }
}
  1. Go to the folder ~/Library/Application Support/Screeener/templates
  2. Add your mockup JSON file in the folder
  3. Don't forget to paste the mockup image too, with the correct file path in JSON path node.
  4. Restart the app. And Done! 😎

Contribute

  • yarn install Install dependencies.
  • yarn watch Compile development version and watch for changes. Bundled files will appear in dist/.
  • yarn start Start the desktop app (while watcher is running in another terminal). Use Ctrl-R or Cmd-R to reload the app.
  • yarn run pack Pack to app distribute version