A wireframing / ui tool for mocking web-based applications.
Wireframer is self-hosted Javascript application written in Vue.js. All data generated by the application is stored in the browser's localstorage. This project was inspired by Mockup Designer.
Copy index.html and the dist folder to a webserver.
- Add more widgets: paragraph, table, navigation, tabs
- Deselect widget when clicking outside canvas
- Download/import localstorage json data
- Position widgets relative to other widgets (middle, equal size, etc.)
- Ability to sync localstorage to and from a central storage engine (e.g. Firebase)
- Group components / objects via multi-select
- Clone components
- Custom components (grouped)
- Control actions via keyboard shortcuts (e.g. delete widget, undo)
- Serve icons locally
I welcome contributions - please get in touch with me before attempting larger changes.
# install dependencies
yarn
# serve with hot reload at localhost:8080
yarn dev
# build for production with minification
yarn build
#or
yarn releaseFor detailed explanation on how things work, consult the docs for vue-loader.
Copyright (c) 2017-present, Rudi Olckers