The toast notification is primarily used for system messaging. Typically it also displays at the bottom of the screen, but may not be swiped off-screen. Learn more about Snackbars & toasts.
This is a collection of 10 Best JavaScript plugins/libraries to create Android and Material Design inspired Toast notification messages on your modern web app. I hope you like it and don’t forget to spread the world.
Originally Published Dec 26 2017, updated Dec 27 2018
1. toast.js
toast.js is a super simple JavaScript library that shows Android style toast messages on your web applications. The toast message will destroy itself in a given amount of time.
2. VanillaToasts
VanillaToasts is a lightweight and easy-to-use vanilla JavaScript library for displaying toast-style notifications on your website / web application. Currently supports 4 different types of notifications: success, info, warning and error.
3. iziToast
iziToast is a simple, fast yet fully configurable JavaScript used to create responsive, elegant and CSS3 animated toast notifications of various types in the screen.
4. Notus
Notus is a simple, flexible and fully customizable web notification widget for your web project. Built using pure JavaScript without jQuery dependency. Allows you to create multiple types of notifications such as toasts, snackbars and growl-style alert messages.
5. native-toast
native-toast is a native JavaScript library which lets you display Android/Material style toast messages and notification bars on the web applications. The toast notification can be placed anywhere on the webpage and come with 4 additional types: error, warning, success and info.
6. Tiny Toast Notification JavaScript Library
tiny-toast is a standalone JavaScript library for displaying Android toasts-like notification messages on the webpage.
7. siiimple-Toast
Yet another ES6 notification library that helps you display animated Material inspired toast messages on the webpage.
8. toaster-js
toaster-js is a vanilla JavaScript plugin for displaying different types of toast notification popups (info, message, warning, error, done) with CSS3 based animations.
9. Toastify
Toastify is a simple, lightweight, vanilla JavaScript library used for sending stackable, non-blocking toast messages to end users.
10. Toastada
Toastada is a vanilla JavaScript notification plugin that provides a simple way to display customizable toast messages on the web page. By default, the toast notifications will auto-dismiss after 4 seconds, with a configurable sliding effect.