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 Mar 07 2020
1. Toastify
Toastify is a simple, lightweight, vanilla JavaScript library used for sending stackable, non-blocking toast messages to end users.
2. 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.
3. Alerty
Alerty is a tiny, easy, dependency-free JavaScript library that helps you create Material Design styled alert/confirm/prompt dialog popups and toast notifications in the screen. Compatible with RequireJS and SeaJS.
4. 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.
5. 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.
6. Google Style Toast & Snackbar Popup In JavaScript – Material Toast
Yet another Google Material inspired toast & snackbar plugin written in Vanilla JavaScript.
7. 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.
8. toastedjs
toastedjs is a responsive, interactive, touch-enabled toast notification library for both desktop and mobile.
9. Tiny Toast Notification JavaScript Library
tiny-toast is a standalone JavaScript library for displaying Android toasts-like notification messages on the webpage.
10. 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.
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: