https://github.com/lemoncode/quickmock
Share your ideas as low-fidelity mocks in minutes, perfect for getting started. This free, open-source wireframing tool helps you quickly create basic wireframes for your projects. It's simple to use, making it easy to sketch out ideas and organize your thoughts without the need for complex software.
https://github.com/lemoncode/quickmock
mock ui wireframes wireframing
Last synced: 5 months ago
JSON representation
Share your ideas as low-fidelity mocks in minutes, perfect for getting started. This free, open-source wireframing tool helps you quickly create basic wireframes for your projects. It's simple to use, making it easy to sketch out ideas and organize your thoughts without the need for complex software.
- Host: GitHub
- URL: https://github.com/lemoncode/quickmock
- Owner: Lemoncode
- License: mit
- Created: 2024-07-02T17:36:55.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-05-06T15:31:46.000Z (9 months ago)
- Last Synced: 2025-05-06T15:53:27.958Z (9 months ago)
- Topics: mock, ui, wireframes, wireframing
- Language: TypeScript
- Homepage: https://www.quickmock.net/
- Size: 4.19 MB
- Stars: 45
- Watchers: 8
- Forks: 19
- Open Issues: 44
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Quick mock
## 🌟 Project
Quick Mock is a free, open source online tool for quickly creating low fidelity UI mockups.
You can take a look at the desktop community preview at [Quick Mock](https://www.quickmock.net/)
[](https://www.youtube.com/watch?v=NqswxUvXm4c)
## 🚀 Installation
To install the project, clone the repository and run the following commands:
```sh
git clone https://github.com/Lemoncode/quickmock.git
```
Install the dependencies
```bash
npm install
```
Run the project
```bash
npm run dev
```
Open your browser and go to http://localhost:5173 (if this port is busy it will be changed to the next available port)
## 🤝 Contributing
Your feedback and contributions are welcome! If you have ideas for new features or have found a bug, we would love to hear about it. Here's how you can contribute:
**Report a Bug 🐛**
If you encounter a bug in the project, please first check if it has already been reported in our GitHub Issues. If you don't find it there, feel free to open a new issue. Provide as many details as possible, including steps to reproduce the bug, the environment in which it occurs (operating system, project version, etc.), and any other relevant details.
**Propose a New Feature ✨**
Do you have an idea to improve the project? Great! Share your thoughts with us by opening a new GitHub Issue under the feature request label. Describe the feature you would like to see, how and why you think it would be a valuable addition to the project.
## 🛠️ Technologies
The application is being developed using the following technologies:
- [React](https://react.dev/)
- [React Konva](https://konvajs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) / [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) / [SVG](https://developer.mozilla.org/en-US/docs/Web/SVG)
- [Vite](https://vitejs.dev/)
- [Vitest](https://vitest.dev/)
## 💖 Sponsor Quick Mock
Are you or your company interested in supporting Quick Mock? Sponsorship is a powerful way to contribute to the development and maintenance of our project, and we're always looking for partners who share our vision.
Why Sponsor Quick Mock?
- **Support Open Source:** Your sponsorship directly contributes to the open-source community, enabling us to maintain and improve our project.
- **Visibility for Your Brand:** Sponsoring Quick Mock can provide visibility for your brand in the tech community. It's an excellent way to demonstrate your commitment to supporting innovative software development.
- **Direct Impact:** Your support makes a tangible difference, allowing us to focus more on development, add new features, and improve the user experience.
If you're interested in sponsoring this project, please feel free to reach out to us at: info@lemoncode.net
Thank you for supporting open-source development!
## 📐 Custom Component Libraries for Enterprise
If your organization has its own design system and component library, we can create a custom set of low-fidelity mock components tailored to your palette and guidelines. This allows your team to create wireframes that align perfectly with your branding and design standards.
For more information and to request a quote, feel free to contact us at: info@lemoncode.net.
## 👥 Team
Team members participating in this project
