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

16 jQuery Notifications

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


Related Articles

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


Author

  • Lucas Oliveira

Made with

  • HTML / CSS (SCSS) / JS

About a code

Alert Components

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

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Souleste

Made with

  • HTML / CSS / 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

Author

  • Valery Alikin

Made with

  • HTML / CSS (SCSS) / JS

About a code

Notification Badge Animation

Notification badge exploration.

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

Responsive: no

Dependencies: jquery.js, anime.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / 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

Author

  • Diogo Gomes

Made with

  • HTML / CSS (SCSS) / JS

About a code

Bell Notification Animation

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

Responsive: no

Dependencies: jquery.js

Author

  • David

Made with

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

About a code

Pop Up Notification

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

Responsive: yes

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

Author

  • Veronica

Made with

  • HTML / CSS / 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

Author

  • Halil İbrahim Nuroğlu

Made with

  • HTML / CSS (SCSS) / JS

About a code

Notification Animation

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

Responsive: no

Dependencies: materialdesignicons.css, jquery.js

Author

  • Damián Muti

Made with

  • HTML / CSS (SCSS) / 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

Author

  • DevTips

Made with

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

About a code

Notifications, Alerts, Modals

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

Responsive: no

Dependencies: jquery.js

Author

  • Paul. K

About a code

Overhang.js

A jQuery plugin for notifications, prompts and confirmations.

Author

  • Hampus Persson

Made with

  • HTML / CSS (SCSS) / JS

About a code

Notifications

Growl style notifications in jQuery.

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

Responsive: no

Dependencies: jquery.js

Author

  • Jaime Pillora

About a code

NotifyJS

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

Author

  • Justin Domingue

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

Author

  • Pete R.

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.

Author

  • CodeSeven

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.

back to top