12 JavaScript Notifications

About a code

Notification Badge

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

Responsive: yes

Dependencies: -

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

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

About a code

Funky Notification

Notification with light mode and dark mode.

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

Responsive: yes

Dependencies: -

About a code

Notification

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

Responsive: yes

Dependencies: lottie.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

About a code

Notification Bell

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

Responsive: yes

Dependencies: font-awesome.css

About a code

Notification

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

Responsive: no

Dependencies: -

About a code

Stripe Notification Animation

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

Responsive: yes

Dependencies: -

About a code

Notyf

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

About a code

Notie

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

About a code

Notification Bell

Animated notification bell in JavaScript.

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

Responsive: no

Dependencies: font-awesome.css

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.