Fusilli JS is a very small javascript popup library that helps you create a modern, clean modal window to display any HTML content at the top of the page.
What does “Fusilli” mean?
Fusilli means, respect the pasta!
Features:
- It’s only 1.3 KB (yes, check it out for yourself!).
- Helps you add simple forms to your website in no time!
- It can open and close the media. That’s it – no animations, fancy patterns, etc. – it’s the least of it!
- You can design and extend it however you like!
Must Read: Open Modal Dialog Popup Using JavaScript plugin | modal.js
Popup Modal JavaScript Library Details
| Post Name | Popup Modal JavaScript Library |
| Author Name | AnTheMaker |
| Category | Modal, Popup Plugins |
| Official Page | Click Here |
| Official Website | github.com, fusilli.js.org |
| Publish Date | September 18, 2020 |
| Last Update | July 22, 2023 |
| Download | Link Below |
| License | MIT |
How to make use of it:
1. Load the minified version of the Fusilli.js library.
<script src="fusilli.min.js"></script>
2. add HTML content to the Fusilli modal popup.
<div id="modal-example" class="modal" aria-hidden="true">
<div class="modal_box">
Any Modal Content Here
</div>
</div>3. Hide the modal popup on the web page load.
.modal{ display: none; }4. open the modal popup when needed.
openModal(document.getElementById('modal-example'));Functions
openModal(element)
Must Read: Animated Clean Modal Window Using jQuery Plugin | Vintage Popup
Guess what this function does! Correct, it opens up a Modal!
Example: openModal(document.getElementById('modal_1'));
This will open up the Modal with the id “modal_1”
closeModal(element)
This closes a given Modal! WOW!
Example: closeModal(document.getElementById('modal_1'));
This will close the Modal with the id “modal_1” if it’s currently opened.
See Demo And Download
Official Website(AnTheMaker): Click Here
This superior jQuery/javascript plugin is developed by AnTheMaker. For extra Advanced Usage, please go to the official website.
