Awesome
printable-mockups
Create printable UI mockups/wireframes templates
Try it: Demo
<img src="https://github.com/alexadam/printable-mockups/blob/master/imgs/ex.gif?raw=true" width="800"> <img src="https://github.com/alexadam/printable-mockups/blob/master/imgs/ex1.png?raw=true" width="800"> <img src="https://github.com/alexadam/printable-mockups/blob/master/imgs/ex3.png?raw=true" width="800"> <img src="https://github.com/alexadam/printable-mockups/blob/master/imgs/ex2.png?raw=true" width="800">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
-
Download or clone this repository
-
Open a terminal and run:
yarn install
yarn dev
- 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.