A Lightweight Popup Modal JavaScript Library | Fusilli.js

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.

Key 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!

Check Here – A Responsive, Customizable, and Accessible JavaScript Popup Boxes | AsgarAlert

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. Launch the modal popup when needed.

openModal(document.getElementById('modal-example'));

Check Here – A Powerful and Elegant Alert, Confirm and Prompt Popup Boxes in JavaScript | QuantumAlert

The functions™

openModal(element)

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

Modern Clean Popup Modal In JavaScript, Fusilli JS Plugin/Github

Read More – 

Open Modal Dialog Popup Using JavaScript plugin | modal.js
Simple and Easy Toast Notification Popup With JavaScript


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.

Share