Home

Awesome

<!--Hero Image--> <p align="center"> <picture> <img alt="MijickPopups Hero" src="https://github.com/Mijick/Assets/blob/main/Popups/hero.png" width="100%"> </picture> </p> <!--Text Header--> <p> <h3 align="center">Popups presentation made simple</h3> <p align="center">Create any popup in no time. Keep your code clean.</p> </p> <!--Links: Demo, Wiki, Roadmap--> <p align="center"> <a href="https://link.mijick.com/popups-demo" rel="nofollow"><b>Try demo we prepared</b></a> | <a href="https://link.mijick.com/popups-wiki" rel="nofollow"><b>Framework documentation</b></a> | <a href="https://link.mijick.com/roadmap" rel="nofollow"><b>Roadmap</b></a> </p> <br> <!--Labels--> <p align="center"> <img alt="Labels" src="https://github.com/Mijick/Assets/blob/main/Popups/labels.svg"/> </p> <br> <!--GIFs--> <table> <thead> <tr> <th>Popups</th> <th>Alerts</th> <th>Resizable Sheets</th> <th>Banners</th> </tr> </thead> <tbody> <tr> <td> <img src="https://github.com/Mijick/Assets/blob/main/Popups/Gifs/Popups-1.gif"/> </td> <td> <img src="https://github.com/Mijick/Assets/blob/main/Popups/Gifs/Popups-2.gif"/> </td> <td> <img src="https://github.com/Mijick/Assets/blob/main/Popups/Gifs/Popups-3.gif"/> </td> <td> <img src="https://github.com/Mijick/Assets/blob/main/Popups/Gifs/Popups-4.gif"/> </td> </tr> </tbody> </table>

<br><br>

<!--Buttons--> <p> <!--Discord--> <a href="https://link.mijick.com/discord"> <img alt="Join us on Discord" src="https://github.com/Mijick/Assets/blob/main/Popups/Buttons/discord.png" height="40px"> </a> <!--GitHub--> <a href="https://link.mijick.com/github"> <img alt="See our other frameworks" src="https://github.com/Mijick/Assets/blob/main/Popups/Buttons/github.png" height="40px"> </a> <!--Medium--> <a href="https://link.mijick.com/medium"> <img alt="Read us on Medium" src="https://github.com/Mijick/Assets/blob/main/Popups/Buttons/medium.png" height="40px"> </a> <!--Buymeacoffee--> <a href="https://link.mijick.com/buymeacoffee"> <img alt="Buy us a coffee" src="https://github.com/Mijick/Assets/blob/main/Popups/Buttons/buymeacoffee.png" height="40px"> </a> </p> <!--Description-->

☀️ Why MijickPopups?

MijickPopups solves two seemingly contradictory problems - to allow developers to create fully customizable popup, and to make the process as simple as possible. Here is why we think we have successfully met these objectives:

<p> <h3>The power of a single line of code</h3> <p>For your convenience and to enhance code clarity, we have consolidated all the key actions into a single line of code.</p> <img alt="Code Example 1" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/less-code.png" width="100%"> </p> <p> <h3>Tailored to your needs. Designed to suit your preferences</h3> <p>Developers have various programming styles, and we understand and respect that. Therefore, our framework is engineered in such a way that you can open or close a popup from anywhere in your code.</p> <img alt="Code Example 2" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/interact-anywhere.png" width="100%"> </p> <p> <h3>Engineered for limitless creativity</h3> <p>The framework was developed not to limit your creativity; we give you the freedom to experiment with the appearance of your popups.</p> <img alt="Code Example 3" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/customization.png" width="100%"> </p> <p> <h3>Three in one</h3> <p>You can display popups created with our framework in one of three positions on the screen: at the bottom, in the center, or at the top. This allows you to create the most common objects, including popups, popovers, alerts, notifications, and more.</p> <img alt="Code Example 4" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/any-position.png" width="100%"> </p> <p> <h3>Multiple popups? No problem!</h3> <p>Whether you want to present multiple notifications to the user, or show terms and conditions before they log in, the framework makes it possible - it allows you to keep as many popups on the screen as you want. Inactive popups are stacked in a visually appealing way.</p> <img alt="Code Example 5" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/stacking.png" width="100%"> </p> <p> <h3>Past, present and future</h3> <p>We decided to reach out to developers who, for various reasons, want to use native sheets and alerts alongside our framework. From now on, this is possible, and in the near future, we will also add the ability to call sheets in a native style, allowing you to integrate our framework into your existing projects as well.</p> <img alt="Code Example 6" src="https://github.com/Mijick/Assets/blob/main/Popups/Code/native-with-framework.png" width="100%"> </p>

There is much more besides:

<!--Documentation-->

🚀 How to use it?

Visit the framework's documentation page to learn how to integrate your project with MijickPopups.

<!--Community-->

🍀 Community

Join the welcoming community of developers on Discord.

<!--Contribution-->

🌼 Contribute

To contribute a feature or idea to MijickPopups, create an issue explaining your idea or bring it up on Discord. <br> If you find a bug, please create an issue. <br> If you would like to contribute, please refer to the Contribution Guidelines.

<!--Sponsorship-->

💜 Sponsor our work

Support our work by becoming a backer.