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

🚀 Installation

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)

🤝 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
• React Konva
• TypeScript
• HTML / CSS / SVG
• Vite
• Vitest

💖 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

<p align="left"> <a href="https://github.com/LourdesRsdp"> <kbd><img src="https://github.com/LourdesRsdp.png" alt="Lourdes Rodriguez" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/Franlop7"> <kbd><img src="https://github.com/Franlop7.png" alt="Fran López" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/oleojake"> <kbd><img src="https://github.com/oleojake.png" alt="Pablo Marzal" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/jsanzdev"> <kbd><img src="https://github.com/jsanzdev.png" alt="Jesús Sanz" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/devrodrigolec"> <kbd><img src="https://github.com/devrodrigolec.png" alt="Rodrigo Leciñana" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/deletidev"> <kbd><img src="https://github.com/deletidev.png" alt="Leticia De La Osa" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/monikMononoke"> <kbd><img src="https://github.com/monikMononoke.png" alt="Mónika" width="50" height="50" style="border-radius: 50%;"></kbd> </a> </a> <a href="https://github.com/Ivanruii"> <kbd><img src="https://github.com/Ivanruii.png" alt="Ivan Ruíz" width="50" height="50" style="border-radius: 50%;"></kbd> </a> </a> <a href="https://github.com/raquetelio"> <kbd><img src="https://github.com/raquetelio.png" alt="Raquel Toscano" width="50" height="50" style="border-radius: 50%;"></kbd> </a> </a> <a href="https://github.com/manugallegob"> <kbd><img src="https://github.com/manugallegob.png" alt="Manuel Gallego" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/Bomasen"> <kbd><img src="https://github.com/Bomasen.png" alt="Borja Martínez Sendra" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/Pableras90"> <kbd><img src="https://github.com/Pableras90.png" alt="Pablo Reinaldo" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/Alber-Writer"> <kbd><img src="https://github.com/Alber-Writer.png" alt="Alberto Escribano" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/El-Mito-de-Giralda"> <kbd><img src="https://github.com/El-Mito-de-Giralda.png" alt="Jorge Miranda de la quintana" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/josemitoribio"> <kbd><img src="https://github.com/josemitoribio.png" alt="Josemi Toribio" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/sergioelmoreno"> <kbd><img src="https://github.com/sergioelmoreno.png" alt="Sergio (El Moreno) del campo" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/rojasadrian012"> <kbd><img src="https://github.com/rojasadrian012.png" alt="Adrian Rojas" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/omarlm"> <kbd><img src="https://github.com/omarlm.png" alt="Omar Lorenzo" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/iria-carballo"> <kbd><img src="https://github.com/iria-carballo.png" alt="Iria Carballo" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/marcosgiannini"> <kbd><img src="https://github.com/marcosgiannini.png" alt="Marcos Giannini" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/IonutGabi"> <kbd><img src="https://github.com/IonutGabi.png" alt="Gabi Birsan" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/antonio06"> <kbd><img src="https://github.com/antonio06.png" alt="Antonio Contreras" width="50" height="50" style="border-radius: 50%;"></kbd> </a> <a href="https://github.com/brauliodiez"> <kbd><img src="https://github.com/brauliodiez.png" alt="Braulio Díez" width="50" height="50" style="border-radius: 50%;"></kbd> </a> </p>