19 jQuery Modal Boxes to improve your UI

By

November 1, 2009jQuery9 Comments

19 Super Awesome Jquery modal boxes which will help you in improving the User Interface of your site.

These Modal boxes will help you to display media files,webpages , messages, forms etc in a cute overlay window.

1.Jquery Version Of Light Box – Jquery version of the Original Lightbox plugin by Lokesh Dhakar

image

2.Facebox – A jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

image

3.Sexy LightBox – A sexier and lite version of Light Box available in jQuery and Mootools Platforms

sexy-lightbox

4.PiroBox – another lightbox with jQuery

pirobox

5.Fancy Box – displays images, html content and multi-media in a Mac-style "lightbox"

fancybox

6.Light window – Renders any type of Media onto a modal box

lightwindow

7.Shadow Box – Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats.

shadowbox

8.prettyPhoto – prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox.

prettyPhoto

9.Super Box – jQuery Superbox! is a script which allows you display windows with the lightbox effect.

superbox

10.CeeBox – An overlay popup script for easily embedding flash video, displaying images, or showing html (either external sites via iframe or content on your own site via AJAX).

ceebox

11.Thick Box – ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

thickbox

12.Dialog jQuery plugin to display modal dialogs, messages , alerts forms etc.

dialog

13.ColorBox – another modal box which can display photos, photo groups, slideshow, ajax, inline, and iframed content

colorbox

14.Boxy –  Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. I

image

15.NyroModal – Another Modal Box with animation callbacks and much more..

nyromodal

17.jqModal – jqModal is 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.

jqModal

18.SimpleModal – SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development.

simplemodal

19. imgBox – imgBox is a jQuery plugin that implements a smooth zoom effect on images.

image

9 Responses to “19 jQuery Modal Boxes to improve your UI”
  1. [...] post: 17 jQuery Modal Boxes to improve your UI – Coder Plus Posted in Object. Tags: a-hybrid-modal-, ajax, facebook-style, home, jquery, light, media-, [...]

  2. Shrinath says:

    Nice collection… :)

  3. Social comments and analytics for this post…

    This post was mentioned on Twitter by BloggerPlugins: RT @coderplus 17 jQuery Modal Boxes which will improve your site’s User Interface ~ http://bit.ly/7edrn...

  4. Justin says:

    Great post! Thanks for sharing these boxes! I’ll use Facebox in the future. Everyone recognizes those boxes.

  5. 19 jQuery Modal Boxes to improve your UI…

    19 Super Awesome jQuery modal boxes which will help you in improving the User Interface of your site….

  6. Nice one mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

    http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/

  7. DAGOVERNOR says:

    Thanks

    another tool for your collection could be Likno Web Modal Windows Builder:
    http://www.likno.com/jquery-modal-windows/index.php

  8. vinu says:

    awesome \m/ :) thanks !!!!

  9. Abhisek says:

    Nice collection. Thanks. Fancybox takes the cake.

Leave a Reply