Collection of free Vue notification and alert code examples: boxes, badges, etc. Update of January 2020 collection. 4 new items.
Related Articles
- CSS Notifications
- JavaScript Notifications
- jQuery Notifications
- React Notifications
- Tailwind Notifications
Links
About a code
Vue Toaster
Vue.js toast notification plugin for Vue 3.
Links
About a code
vue-dk-toast
Lightweight toast-notification plugin for Vue 3.
Links
About a code
VT-Notifications
A headless Vue notification library to use with Tailwind.
Links
About a code
Vue Easy Notify
Very simple and minimal Vue notification plugin.
Links
About a code
Vue Toastification
Vue notifications made easy!
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Notification With Progress Bar
Toast / Notification with progress bar in VueJS.
Compatible browsers: Chrome, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, open-color.css, vue.js
Links
About a code
Vue.js Notifications
Vue.js 2 library for showing notifications.

Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Notification Stack
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: vue.js,
Links
About a code
Vue Awesome Notifications
Awesome Notifications is a lightweight, fully customizable JavaScript notifications library with enhanced async support.
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Notification
Notification UI made with Vue.js that uses CSS Grid Layout (and Flexbox as a fallback). Random users are generated with an API.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css, vue.js
Links
About a code
CXLT Vue2 Toastr
cxlt-vue2-toastr is a non-blocking notifications for Vue2. Based on toastr stylings and design together with animate.css animation effects.
Links
About a code
Vue Toasted
Vue Toasted is one of the best toast plugin available for VueJS. it is used by VueJS, Laravel, NuxtJS and trusted by many more organizations it is responsive, touch compatible, easy to use, attractive and feature rich with icons, actions etc...
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Vue Weather Notifier
A small SVG animation illustrating a weather app notification in Vue.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vue.js, vuex.js, tweenmax.js, customease.js, drawsvgplugin.js
Links
About a code
VueNotifications
VueNotifications - agnostic library for non-blocking notifications.