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
To install the project, clone the repository and run the following commands:
git clone https://github.com/Lemoncode/quickmock.git
Install the dependencies
npm install
Run the project
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)
If you prefer to work inside VS Code, install the QuickMock VS Code extension. It adds a custom editor for .qm files and also configures the MCP server for AI tools.
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.
The application is being developed using the following technologies:
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: [email protected]
Thank you for supporting open-source development!
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: [email protected].
Team members participating in this project
