Collection of free Vue notification and alert code examples: boxes, badges, etc. Update of January 2020 collection. 4 new items.

Related Articles

  1. CSS Notifications
  2. JavaScript Notifications
  3. jQuery Notifications
  4. React Notifications

Author

  • MeForma!

Links

About a code

Vue Toaster

Vue.js toast notification plugin for Vue 3.

Author

  • Daniel Knights

Links

About a code

vue-dk-toast

Lightweight toast-notification plugin for Vue 3.

Author

  • sansil

Links

About a code

VT-Notifications

A headless Vue notification library to use with Tailwind.

Author

  • Ahmed waleed

Links

About a code

Vue Easy Notify

Very simple and minimal Vue notification plugin.

Author

  • Gustavo Maronato

Links

About a code

Vue Toastification

Vue notifications made easy!

Author

  • Mateus Generoso

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

Author

  • Yev Vlasenko

Links

About a code

Vue.js Notifications

Vue.js 2 library for showing notifications.

Demo image: Notification Stack

Author

  • bencodezen

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,

Author

  • David Yunevich

Links

About a code

Vue Awesome Notifications

Awesome Notifications is a lightweight, fully customizable JavaScript notifications library with enhanced async support.

Author

  • Katherine Kato

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

Author

  • 程序旅途

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.

Author

  • Shakeeb Sadikeen

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...

Author

  • Sarah Drasner

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

Author

  • Sergei Panfilov

Links

About a code

VueNotifications

VueNotifications - agnostic library for non-blocking notifications.