37
A tool to create printable UI mockups and wireframes templates
source link: https://www.tuicool.com/articles/3m6RJ3I
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
-
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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK