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

12 JavaScript Notifications

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


Related Articles

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


Author

  • Yuriy

Made with

  • HTML / CSS (SCSS) / JS

About a code

Notification Badge

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Gabriele Corti

Made with

  • HTML / CSS / JS

About a code

Notification Bell

Design a notification component where an SVG icon is animated while a message is introduced from the side.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • VERDIEU Steeve

Made with

  • HTML / CSS / JS

About a code

Notification Cards Animation

An experiment of animation with CSS and JavaScript which puts in scene notification cards that animate when a card is deleted or archived.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Ryan

Made with

  • HTML (Pug) / CSS (SCSS) / JS (Babel)

About a code

Funky Notification

Notification with light mode and dark mode.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Mihai Veronica

Made with

  • HTML / JS

About a code

Notification

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: lottie.js

Author

  • Cory L

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Android Music Notification

The Android notification for music. Long press (hold mouse) to trigger animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Jonatan Sosa

Made with

  • HTML / CSS / JS

About a code

Notification Bell

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Author

  • satyam

Made with

  • HTML / CSS / JS

About a code

Notification

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • ninja

Made with

  • HTML / CSS (SCSS) / JS

About a code

Stripe Notification Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Carlos Roso

About a code

Notyf

A dead simple, responsive, a11y compatible, vanilla JavaScript toasts plugin. Easy integration with React, Angular and Vue.

Author

  • Jared Reich

About a code

Notie

A clean and simple notification, input, and selection suite for JavaScript, with no dependencies.

Author

  • Ryan Morr

Made with

  • HTML / CSS / JS

About a code

Notification Bell

Animated notification bell in JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Author

  • Nedim Arabac─▒

About a code

Noty

Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog.

back to top