Non-blocking Toast Notification In jQuery – ToasterJS

Non-blocking Toast Notification In jQuery - ToasterJS
File Size: 3.06 KB
Views Total: 7469 views
Last Update:April 15, 2023
Publish Date: September 27, 2021
Official Website: Go to website
License: MIT
Plugin Author: rosshatokay
Demo    Download

ToasterJS is a light weight free jQuery plugin for creating toast-like alert notifications that disappear after a period of time set by the user. A create toaster notifications with a less lines number of codes. on click button toast notification in your web or mobile.

More Features:

  • Stackable or not.
  • Auto dismiss or not.
  • Custom positions.

How to use:

 Add jQuery and ToasterJS plugin files:

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

To create a basic toast, i.e upon clicking a button, call a $.toast function.

<button class="toaster">
  Click Me

Add function for call toaster :

    content: "I'm a toaster!"

Custom disable the hideAfter script :

    content: "I'm a sticky toaster!",
    hideAfter: false


Thanks for make jQuery plugin is developed by rosshatokay For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :


Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.