Best jQuery Notification Plugins & Tutorials with Demo

Bootstrap Growl : jQuery Notification Plugin

Bootstrap Growl : jQuery Notification Plugin

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications.

Features:

  • Uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles.
  • Multiple growls called consecutively are stacked up one after another in a list.
  • Automatically fades growls away after a default of 4 seconds.

Notify Better.js: Creating a Dynamic Favicon and Title with jQuery

Notify Better.js: Creating a Dynamic Favicon and Title with jQuery

The ultimate all in one plugin for notification – Change your favicon, browser’s title and more to reflect new notifications.Dynamic favicon feature from this plugin only works with Chrome and Firefox. Unfortunately, Safari and IE do not allow you to change the favicon after page load.

notifIt : jQuery Simple Animated Notifications

notifIt : jQuery Simple Animated Notifications

Simple animated notifications with jQuery plugin.Now you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!

iosOverlay.js: Beautiful Overlays/Notifications For Web

iosOverlay.js: Beautiful Overlays/Notifications For Web

iOS Overlay/Notification  is a jQuery plugin for the web!

jQuery Crystal Notifications

jQuery Crystal Notifications

Two main functions, Small Notifications that works like banners and a Notification Center that can be use as website control or sistem notification panel.

Features:

  • Touch Enabled
  • Responsiveness
  • Infinite options
  • Easy to set up
  • Callbacks
  • Properties to change
  • Can hold custom HTML
  • Retina Display ready

Play Notification Sound using jQuery

Play Notification Sound using jQuery

I received lots tutorial requests from my readers that asked to me, how to play a notification sound on website chat?. We implemented this in a simple chat box application using Jquery and HTML5 audio tag, it is just five lines of code. Use Modernizer library for Internet Explorer HTML5 support, please turn on the volume and try this live demo.

Notific8 : jQuery notification Plugin

Notific8 : jQuery notification Plugin

Notific8 is a jQuery notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default).

Smart Notification : jQuery Plugin

Smart Notification : jQuery Plugin

Smart Notification is a jQuery plugin. It is an advanced pop-up notifications. With the ability to add video.

Features:

  • Supports Video
  • Sound Effect
  • Toggle Mode
  • Opens Like Lightbox
  • Adaptive in Lightbox Mode
  • Cross Browser Even IE 7
  • Simple to Use
  • Timeout Mode
  • Allow multiple connections

Metro Notifications jQuery Plugin

Metro Notifications jQuery Plugin

Metro Notifications is a jQuery plugin that brings the notifications to a new level.

You have 5 stylish plugins in one single file.

  • Small Notifications
  • Big Notifications
  • Alerts
  • Inputs
  • Side Panels

jQuery Speedo Popup

jQuery Speedo Popup

Speedo Popup is a small, powerful and real customizable jQuery plugin. Speedo Popup is not just a popup, Speedo Popup is:

  • a Popup Plugin
  • a Notification Plugin
  • a Lightbox Plugin
  • an Alert Box Plugin

And that’s not all.

You can play videos, you can make a light box of videos and mixed content or you can notify the user when you want, you have the possibility to do whatever you want.It has full compatibility for HTML5 and full fallback for older browsers.