iosOverlay.js–A JavaScript For iOS-Style Overlays/Notifications For The Web

iosOverlay.js is a JavaScript library which allows you to create iOS style overlays/notifications. The notifications are dynamic, i.e. you can update an already displayed notification to display some other message.

Browser Support

• IE7+ — Rounded corners/animation do degrade when not supported, see optional dependencies
• Google Chrome
• Firefox
• Opera
• Desktop Safari
• Mobile Safari — iPhone & iPad

You can also optionally use Spin.js if you want to use a spinner object and jQuery for a fallback CSS animation support. If you are interested in more notifications libraries, you might check out these or find more from the Notification Libraries Channel On Functionn :

• a!ertify.js - An Unobtrusive Customizable JavaScript Notification System – Functionn
• Notify! - A jQuery Notification Plugin For Simple Notifications Bars – Functionn
• Pines Notify - JavaScript Notifications For Bootstrap Or jQuery UI. – Functionn

Requirements: None
Demo: http://taitems.github.com/iOS-Overlay/
License: MIT License or GPL

FbFriends - A jQuery Plugin For Picking Facebook Friends From A Dialog

FbFriends is a jQuery plugin which allows you to pick friends from Facebook using a popup dialog box.  When the FbFriends plugin is called for the first time, it requests access to the user’s Facebook account. After gaining the required permissions, it shows a dialog box from where you can select friends.

FbFriends provides you with different methods for selecting friends.  You can select just the one friend or select multiple friends via checkboxes.  You can also style the dialog box with your own CSS or use jQuery UI as your dialog popup.

Requirements: jQuery, FB SDK
Demo: http://icambron.github.com/fbfriends/
License: MIT License

a!ertify.js - An Unobtrusive Customizable JavaScript Notification System

a!ertify.js is an unobtrusive customizable JavaScript notification system.

Features

• Fully customizable alert, confirm and prompt dialogs
• Fully customizable unobtrusive notification system
• Callback parameter handling both OK and Cancel button clicks
• Chaining which allows queued dialogs

Requirements: None
Demo: http://fabien-d.github.com/alertify.js/
License: MIT License

Avgrund - A jQuery Plugin For Modal Boxes & Popups Using CSS Transitions

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

Tested with jQuery 1.4+, file size is under 2KB, MIT Licensed.

Requirements: jQuery
Demo: http://labs.voronianski.com/jquery.avgrund.js/
License: MIT License

jQuery Ambiance - Notifications On The Fly By Just Calling A Function & Providing Some Information

jQuery Ambiance allows you to create notifications on the fly by just calling the function and providing some information.  The jQuery Ambiance plugin is for jQuery 1.7.2+.


Requirements: jQuery
Demo: http://richardhsu.github.com/jquery.ambiance/
License: MIT License or GPL

Pines Notify - JavaScript Notifications For Bootstrap Or jQuery UI.

Pines Notify is a JavaScript notification plugin. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.

Features

• Cross-Browser - Pines Notify works in all major browsers and provides a consistent interface. It is tested thoroughly for consistency.
• Unobtrusive - Pines Notify can provide non-blocking notices. This allows the user to click elements behind the notice without even having to dismiss it.
• Themeable - Pines Notify uses either Bootstrap or jQuery UI for styling, which means it is fully and easily themeable. Try out some of the readymade themes using the selector in the top right corner of this page.
• Completely Open - Pines Notify is distributed under the GPL, LGPL, and MPL. This triple copyleft licensing model avoids incompatibility with other open source licenses.

Requirements: None
Demo: http://pinesframework.org/pnotify/#demos-simple
License:  GPL, LGPL, and MPL

Timeout-Dialog.js - A jQuery Plugin That Displays A Timeout Popover

Timeout-dialog.js is a jQuery plugin that displays a timeout popover which disappears after a certain period of time. The timeout dialog, for example, can be used whenever you want to display to the user that the logged in session is about to expire. It creates a light box with a countdown and options to stay signed in or sign out.


Requirements: jQuery
Demo: http://rigoneri.github.com/timeout-dialog.js/
License: MIT License

OmniWindow - Extremely Customizable Modal Window jQuery Plugin

OmniWindow is an extremely customizable modal window plugin for jQuery with 139 lines of code, written specially for programmers.

Features:

• Modal window is not an image gallery.
• HTML and CSS should be outside of the plugin code.
• You can decide yourself which animations will annoy user's eyes.
• Magic numbers and tons of options? Not here.
• Callbacks are good for javascript.
• Default behaviour should be unobtrusive.
• 150 lines of code are enough for modal window plugin.

Requirements: jQuery
Demo: http://0x000000.github.com/OmniWindow/
License: MIT License

jQuery MsgBox - A Firefox Style Simplist Dialog Popups Plugin

jQuery MsgBox is a Firefox style simplist dialog popups plugin. It recreates those familiar popups which are so comman in Firefox.   You can run with most popular major browser, Internet Explorer 8 or above, Firefox 3 or above, Safari 4 or above, Chrome 10 or above.

Requirements: jQuery
Demo: http://jsfiddle.net/preFy/
License: MIT License

Messi - A Simple Messaging Plugin For jQuery

Messi is a jQuery plugin to show clean, elegant messages in a simple way. With Messi you will avoid to use default JavaScript alert notifications or new windows to provide extended information to the user.  Display text, html content, images and ajax requests with 5KB code.


Requirements: jQuery
Demo: http://marcosesperon.es/apps/messi/
License: MIT License

Toastr - A jQuery Plugin For Gnome/Growl Type Non-Blocking Notifications

Toastr is a jQuery plugin for Gnome/Growl type non-blocking notifications.  The goal is to create a simple core library that can be customized and extended.

Requirements: jQuery
Demo: http://codeseven.github.com/toastr
License: MIT License

Bootbox.js A JavaScript Library To Create Programmatic Dialog Boxes Using Twitter's Bootstrap Modals

Bootbox.js is a small JavaScript library which allows you to create simple programmatic dialog boxes using Twitter's Bootstrap modals.  

Requirements: None
Demo: http://bootboxjs.com/
License: MIT License

jQuery PopBox - A Simple Balloon UI Element Inspired By 37Signals Highrise CRM

jQuery PopBox is a simple balloon UI element inspired by 37Signals Highrise CRM.  jQuery PopBox requires a specific HTML structure in order to work. There is also a small stylesheet that can be used.  

Requirements: jQuery
Demo: http://gristmill.github.com/jquery-popbox/example.html
License: MIT License

Apprise - An Attractive Alert Alternative For jQuery

Apprise is an alert alternative for jQuery that looks good. It is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality. Apprise is, more or less, for the developer who wants an attractive alert or dialog box without having to download a massive UI framework.

Requirements: jQuery
Demo: http://www.thrivingkings.com/apprise/
License: CC Attribution 2.5 License

MiniJs - A Suite Of jQuery Plugins Written In CoffeeScript

MiniJS is a suite of jQuery plugins written in CoffeeScript.  It consists so far, of the following components:

• Count - Minimal but powerful Letter / Word / Sentence Counter plugin! It becomes very handy especially for form validation.
• Tip - Painless tooltip plugin using CSS3 features to make its usage as simple as possible.
• Slider - Simple Slider jQuery plugin with options allowing you to customize it just like you want.
• Notification - A simple but flexible notification plugin with the minimum required functionalities.
• Feed - Just what you need to output a Twitter feed for a chosen account.
• Alert - Allows visitors to display and hide quick messages with a simple click.

Requirements: jQuery
Demo: http://minijs.com/
License: MIT License

Humane.js - A Simple, Modern, Framework-Independent, Unobtrusive Notification System

Humane.js is a simple, modern, framework-independent, well-tested, unobtrusive, notification system.  Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.  Browser Support:

• Internet Explorer 7+
• Firefox 3+
• Chrome 9+
• Safari 3+
• Opera 10+
• iOS 4+
• Android 2+

Requirements: None
Demo: http://wavded.github.com/humane-js/
License: MIT License

Smoke.js - A Framework-Agnostic Styled Alert System For Javascript

Smoke.js is a framework-agnostic styled alert system for JavaScript.  It is lightweight, flexible, uses CSS3 animation, etc.


Requirements: None
Demo: http://ssssnakes.com/smoke/
License: MIT License

Notifier.js - a jQuery Plugin For Gnome/Growl Type Non-blocking Notifications

Notifier.js is a jQuery plugin for Gnome/Growl type non-blocking notifications.

Requirements: jQuery
Demo: http://opensource.srirangan.net/notifier.js/
License: MIT License

NOTY - JQUERY NOTIFICATION PLUGIN

noty is a jQuery plugin that makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue.  The notifications can be positioned at the top, bottom, centre, top left or top right.  There are lots of other options in the API to customise the text, animation, speed, buttons and much more.  It also has various callbacks for the buttons, opening closing the notifications and queue control.

Requirements: JQuery
Demo: http://needim.github.com/noty/
License: MIT License