Best jQuery Dialog Plugins & Tutorials with Demo

    jQuery Confirm : Multipurpose Web Alert & Confirm

    jQuery Confirm : Multipurpose Web Alert & Confirm

    A multipurpose jQuery plugin for alert, confirm & dialog. With rich set of features :

    • directly load content via Ajax,
    • Auto-close dialog after a specified time,
    • prevent Dialog close on background click,
    • callback function, and more..

    Munda Forms – Clean, Modern, Responsive Web Forms

    Munda Forms - Clean, Modern, Responsive Web Forms

    Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

    • Bootstrap grid system
    • 200+ icons
    • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
    • Timepicker, Monthpicker, Input masking
    • Colorpicker
    • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
    • Star rating
    • Social buttons: 53 brands.
    • CAPTCHA
    • Client side validation
    • Server side validation
    • LESS files

    Inspiration for Dialog Effects with CSS3 SVG

    Inspiration for Dialog Effects with CSS3 SVG

    A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.

    Bruno : jQuery Modal PopUp Dialog Plugin

    Bruno : jQuery Modal PopUp Dialog Plugin

    The Modal Pop-up Dialog Box on jQuery, jQuery UI and DialogExtend with the skins in the style of Metro.

    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

    jQuery AnimateDialog : jQuery plugin with css3 animation

    jQuery AnimateDialog : jQuery plugin with css3 animation

    This is a jQuery plugin for css3 animation.This plugin allows you to show any element with css3 animation effect.

    Bootstrap Confirmation : jQuery plugin for Twitter Bootstrap

    Bootstrap Confirmation : jQuery plugin for Twitter Bootstrap

    Bootstrap Confirmation is a jQuery plugin for Twitter Bootstrap. Use Bootstrap Popovers as confirmation dialogs. Simple and easy.

    flavr – Flat jQuery Popup Dialog

    flavr - Flat jQuery Popup Dialog

    flavr is a freshly build stylish popup dialog for your next flat website. flavr is built to be responsive, able to adapt its layout and position to any screen size of your viewer with the power of CSS. Just like you, we are avoiding javascript on things we could do with pure CSS.

    Features:

    • Clean & Modern Flat Design
    • Well Documented
    • Fully Responsive
    • Lightweight yet Powerful
    • Bootstrap Compatible
    • CSS3 Animated in Modern Browser
    • jQuery Powered
    • Cross Browser Support

    jQuery Bootstrap Dialog

    jQuery Bootstrap Dialog

    Make use of Twitter Bootstrap’s modal more monkey-friendly with this jquery plugin.

    jQuery confirmOn plugin

    jQuery confirmOn plugin

    A jQuery plugin for adding an easy ‘are you sure’ confirmation pop-up to a button.The confirmOn plugin shows a confirmation box when the provided events are triggered. It works exactly like jQuery’s .on() but with a confirmation step between the event and the handler. When the user answers the confirmation dialog, the handler is called with the answer as a parameter, so you can decide what to do next. The user can press the escape key which closes the dialog and doesn’t call the yes or no handlers.