Best jQuery Notification Plugins & Tutorials with Demo

jQuery plugin to show Toast Messages

jQuery plugin to show Toast Messages

Highly customizable jquery plugin to show toast messages.

Features:

  • Custom toast background color and text color
  • Ability to hack the CSS to add your own thing
  • Text can be provided in the form of
    • Array (It’s elements will be changed to an un ordered list)
    • Simple text
    • HTML
  • Events support i.e. beforeHide, afterHidden, beforeShow, afterShown
  • Fade and Slide show/hide transitions support (More to come)
  • You can position the toast, wherever you want there is support for top-left, top-right bottom-left and bottom-right, top-center, bottom-center and mid-center

notifyME : jQuery Personal Notification plugin

notifyME : jQuery Personal Notification plugin

notifyMe is a simple jQuery plugin that i created for fun and learning for fixed notifications in pages. He works when a button is clicked, errors, validations, info and everything you want.

Facebook Style Notification Popup using CSS & jQuery

Facebook Style Notification Popup using CSS & jQuery

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

First Time : jQuery Notifications based on User Visits

First Time : jQuery Notifications based on User Visits

First Time is a lightweight (4kb minified) jQuery library that allows you to customize page content basing on users page visits. For example, you can display a welcome popup when a user visits your website for the first time.

AmaranJS : Create beautiful and stylish Notifications

AmaranJS : Create beautiful and stylish Notifications

AmaranJS is a jQuery plugin for creating beautiful and stylish notifications.

jBox : jQuery Plugin for Modal Windows, Tooltips & Notices

jBox : jQuery Plugin for Modal Windows, Tooltips & Notices

jBox is a powerful and flexible jQuery plugin,taking care of all your modal windows, tooltips, notices and more.

Anno.js : jQuery Interactive step-by-step guides for web apps

Anno.js : jQuery Interactive step-by-step guides for web apps

Anno.js lets you add powerful step-by-step guides to your web-apps.

popModal : jQuery plugin for Tooltips, Titles & Dialogs Modal

popModal : jQuery plugin for Tooltips, Titles & Dialogs Modal

popModal is a jQuery plugin for showing tooltips, titles, modal dialogs and etc.

This library includes 5 components:
popModal – popup window, displayed near the parent element. Invoked by clicking on an element
notifyModal – notification popup, displayed on top of all elements. Invoked by event and hide after a certain time
hintModal – tooltip, displayed near the parent element. Invoked on mouse hover on an element and hide after element lost focus
dialogModal – modal dialog, displayed on top of all elements. Invoked by clicking on an element
titleModal – tooltip, displayed near the parent element, replace native title. Invoked on mouse hover on an element and hide after element lost focus

Smart Forms with jQuery Html5 & CSS3

Smart Forms with jQuery Html5 & CSS3

Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

Features:

  • Multiple form inputs
  • File inputs / uploaders
  • CSS3 checkboxes + Radios
  • CSS3 toggle switches
  • CSS3 review & rating
  • Tooltips + vector icons
  • Notification alerts
  • CSS3 multi shape buttons
  • Animated progress bars
  • Simple pricing tables
  • Ajax form processing
  • Input masking
  • PHP CAPTCHA with refresh support
  • 40+ starter templates included
  • Date & time picker widgets

jQuery Wanker : Plugin for Display message When Resizing the Browser

jQuery Wanker : Plugin for Display message When Resizing the Browser

A jQuery plugin that reveals a takeover when people start excessively resizing their browser.

Responsive design has been a blessing to web crafters everywhere. The web, however, was meant to be read, not squished. jquery.wanker.js is a tiny (549 bytes minified) jQuery plugin that reveals a public service announcement when people start excessively resizing their desktop browser as they try to see your responsive breakpoints.