alexadam/printable-mockups

Create printable UI mockups & wireframes templates

printable-mockups

Create printable UI mockups/wireframes templates

Try it: Demo

Notes / Problems

• It doesn't work (well) on small screens / touchscreens
• Not all the features are implemented
• The generated PDF file is huge and blurry

To-Do

• Improve the generated PDF file
• Show mockups dimensions
• Implement Save as SVG/JSON and import from JSON
• Add option to set background pattern's color, stroke width & opacity
• Add more mockups and background patterns

How to run it on your machine

1. Download or clone this repository

2. Open a terminal and run:

yarn install
yarn dev

3. Open a Web Browser and go to localhost:8080

Credits

• GoldenLayout
• Canvg
• jsPDF
• React-Modal
• Icons
• Animation made with GIPHY Capture and ezgif
• Thanks to Paresh Deshpande for feedback and ideas.

printable-mockups's Issues

Problems on Windows

The yarn dev command fails.