Android Style Snackbar & Toast Plugin - MaterialNotify

MaterialNotify is a super tiny jQuery notification plugin designed to create animated top notification bars similar to Android Material Design's snackbars and toasts.

Features:

• Success & Alert messages.
• Auto dismiss after a timeout.
• Bottom progress bar indicating the time left.
• Trigger a function after timeout.

How to use it:

1. Import jQuery library and the MaterialNotify plugin's files into the HTML document.

<link rel="stylesheet" href="/materialNotify.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script  src="/materialNotify.js"></script>

2. Create notification bars using the notify function.

// alert notification
// auto dismiss after 10 seconds
notify("Alert text", 10, true);

// success notification
// auto dismiss after 5 seconds
notify("Success text", 5, false);

3. Trigger a function as soon as the notification bar is dismissed.

notify("Trigger A Function", 10, false, function(){
  // do something
});

Changelog:

2021-04-13

• JS Update

---

This awesome jQuery plugin is developed by AmirMehr. For more Advanced Usages, please check the demo page or visit the official website.