A great way to show quick information to your user is to use jQuery modal dialog boxes or windows. Dialog boxes can also use to alert them to warnings, errors and more. What if jQuery gets into the action? Well, expect coolness and boldness that can spice up your website! Here are some jQuery Modal Dialog Boxes for you, enjoy!
- 10 jQuery Alert Windows and Prompts
- 100 jQuery Slider Plugins
Update 20 June 2013: Updated all plugins in this post and added new images of demos. Removed missing plugins and added new ones. There are noew 17 decent ones.
It is a lightweight jQuery modal popup plugin (only 1.49KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.
A web-based media viewer application that supports all of the web’s most popular media publishing formats.
4. jQuery Impromptu
An extension to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm.
A plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework.
6. Colorbox – a jQuery lightbox
A lightweight customizable lightbox plugin for jQuery
7. NyroModal v2
Provides quick way to show data without reloading page.
8. jQuery Speedo Popup
A small, powerful and real customizable jQuery Popup / modal plugin. Built with HTML5 and CSS3.
A flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created.
A lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework.
11. Smooth Popup
We are going to learn how to create a stunning and great window popup from the scratch using jQuery in a simple and clean tutorial…
12. Exit Modal Box
Do you need to show a specific message to the visitors that leave your website? You can do that by initiating a modal box before they close the browser window.
13. jQuery BlockUI Plugin
Lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.
14. Tickbox (depracated)
15. jQuery Ajax Validation Contact Form w/ Modal + Slide-in Transition
Due to popular demand, here is a tutorial on how I created one of the more complicated pieces of machinery on my new site: the contact form.
16. jQuery UI Dialog
This offers functional dialog widget that allows resizing and also to display forms.
17. Simple jQuery Modal
Create a simple modal window using jQuery.