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 Jan 20 2021
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. Simple Toast-like Prompt Popup – TaTa.js
TaTa.js is an easy-to-use JavaScript plugin for showing toast-like notification popups on your web app.
3. 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.
4. siiimple-Toast
Yet another ES6 notification library that helps you display animated Material inspired toast messages on the webpage.
5. Cute Alert
A Vanilla JavaScript dialog popup library to create alert notifications, confirm popup boxes, and toast messages on the web app.
6. js-snackbar
A pure JavaScript plugin that helps you create Material Design inspired non-blocking snackbars & toast notifications on the web app.
7. ui-notify
A small JavaScript library used for displaying minimal, clean toast notifications and alert/confirm dialog boxes on the webpage.
8. toastedjs
toastedjs is a responsive, interactive, touch-enabled toast notification library for both desktop and mobile.
9. Toasty.js
A standalone JavaScript notification library to create pretty, auto-dismissable, CSS3 animated toast messages with sounds and countdown bars.
10. Google Style Toast & Snackbar Popup In JavaScript – Material Toast
Yet another Google Material inspired toast & snackbar plugin written in Vanilla JavaScript.
More Resources:
To find more JavaScript libraries to create Material Design inspired toasts on the web app, don’t forget to check out our other awesome resources: