20 jQuery Notifications

About a code

Toaster.js

Toaster.js is a toast notification library depending on jQuery. As the name it has, toaster.js only include a few basic functions unlike other well-designed but overweight libraries. The total size of its CSS and JavaScript file is even less than 5KB before compressing.

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

Responsive: yes

Dependencies: toaster.js

About a code

Evil Cookie Policy

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

Responsive: yes

Dependencies: gsap.js

About a code

Profile and Notification Dropdowns

Profile and notification dropdowns using HTML, CSS and Jquery.

Dependencies: font-awesome.js

About a code

Alert Components

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

Responsive: no

Dependencies: font-awesome.css, jquery.js

About a code

Notification

Animated Material notification in jQuery.

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

Responsive: no

Dependencies: bootstrap.css, font-awesome.css, jquery.js

About a code

Notification Badge Animation

Notification badge exploration.

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

Responsive: no

Dependencies: jquery.js, anime.js

About a code

Notification Bell User-Interactions

Experimenting with CSS animations, built a design of notification bell button.

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

Responsive: no

Dependencies: jquery.js

About a code

Bell Notification Animation

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

Responsive: no

Dependencies: jquery.js

About a code

Pop Up Notification

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js, tweenmax.js

About a code

Toast Messages + Remove Animation

Toast messages UI components with jQuery remove animation.

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

Responsive: yes

Dependencies: jquery.js

About a code

Notification Animation

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

Responsive: no

Dependencies: materialdesignicons.css, jquery.js

About a code

Notifications Component

This is a Sass mixin that provides notifications functionality using little-to-none JavaScript. It makes use of CSS transitions and animations to display notifications as popups or bars on different locations of the viewport. The best thing is that it is fully customizable and easy to use.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

About a code

Notifications, Alerts, Modals

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

Responsive: no

Dependencies: jquery.js

About a code

Notification

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

Responsive: no

Dependencies: -

About a code

Overhang.js

A jQuery plugin for notifications, prompts and confirmations.

About a code

Notifications

Growl style notifications in jQuery.

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

Responsive: no

Dependencies: jquery.js

About a code

NotifyJS

Notify.js is a jQuery plugin to provide simple yet fully customisable notifications.

About a code

OhSnap!.js

A simple jQuery/Zepto notification library designed to be used in mobile apps.

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

Responsive: yes

Dependencies: -

About a code

Notify Better

An all in one jQuery plugin that let you change your favicon, browser's title and more to reflect new notifications.

About a code

Toastr

Toastr is a JavaScript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.