What Is Snackbar
Snackbar is a contextual notification UI component introduced in the Google Material Design that provides brief messages about app processes at the bottom of the screen.
|Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.|
In general, a snackbar will automatically dismiss after a timeout just like a temporary notification popup.
It also contains an action button which allows the user to interact with your web app.
The Best Snackbar Plugin
If you're developing an Android or Material Design styled web app, you might find useful.
Originally Published July 30, 2019, updated Jan 11 2023
Table of contents:
jQuery Snackbar Plugins:
snackbarjs is a lightweight jQuery plugin to create Google Material Design style snackbars and toasts that automatically disappear after a timeout.
A super small (~2kb) jQuery plugin used to create Android and Material Design inspired snackbars that will automatically disappear after a timeout or after user interaction.
A simple jQuery notification plugin to create customizable, CSS animated notification boxes inspired by Material Design Snackbars.
Vanilla JS Snackbar Plugins:
A pretty nice Android inspired snack bar component that shows feedback messages to your users with custom action/callback support.
A vanilla JS notification plugin that shows Material Snackbar and Toasts style notification messages to the user.
A tiny notification plugin to create Google-style toasts and snackbars sliding from the left side of the screen when triggered.
- 7 Best Material Design Inspired Toast Components For Vue.js
- 100+ Android & Google Material Design Freebies