Collection of free Vue notification and alert code examples: boxes, badges, etc.


Related Articles

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

Author

  • Gustavo Maronato

About a code

Vue Toastification

Vue notifications made easy!

Author

  • Mateus Generoso

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

About a code

Vue.js Notifications

Vue.js 2 library for showing notifications.

Demo image: Notification Stack

Author

  • bencodezen

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

About a code

Vue Awesome Notifications

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

Author

  • Katherine Kato

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

  • 程序旅途

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

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

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

About a code

VueNotifications

VueNotifications - agnostic library for non-blocking notifications.