https://github.com/zehfernandes/screeener
Insert a bunch of images to keynote magically. 💫
https://github.com/zehfernandes/screeener
Last synced: 4 months ago
JSON representation
Insert a bunch of images to keynote magically. 💫
- Host: GitHub
- URL: https://github.com/zehfernandes/screeener
- Owner: zehfernandes
- License: cc0-1.0
- Created: 2017-06-28T06:57:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-18T14:35:37.000Z (over 6 years ago)
- Last Synced: 2025-04-06T05:34:27.469Z (8 months ago)
- Language: JavaScript
- Homepage: https://zehfernandes.github.io/screeener/
- Size: 1.78 MB
- Stars: 63
- Watchers: 5
- Forks: 5
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome_design_tools - Screeener - Design-Tools/blob/master/Media/free.svg) (Table of Content / Mockup Tools)
- Awesome-Design-Tools - Screeener - Design-Tools/blob/master/Media/free.svg) (Table of Content / Mockup Tools)
- fucking-Awesome-Design-Tools - Screeener - jpv/fucking-Awesome-Design-Tools/blob/master/Media/free.svg) (Table of Content / Mockup Tools)
README
## Get Screeener!
- **[Download the latest release](https://github.com/zehfernandes/screeener/releases)** (macOS only)
- **[See in action](https://youtu.be/1-MCLfDWXF8)** (video)
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:
```json
{
"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"
}
}
```
2. Go to the folder `~/Library/Application Support/Screeener/templates`
3. Add your mockup JSON file in the folder
4. Don't forget to paste the mockup image too, with the correct file path in JSON `path` node.
5. 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