Best jQuery Popup Window Plugins & Tutorials with Demo

    jQuery Layered modal for Bootstrap3

    jQuery Layered modal for Bootstrap3

    One of the most popular features of the website is a modal window. Modern developers pay little attention to them. Often Windows look awful, boring or don’t work. So we decided to create a unique component for modal dialogs! The result surprised us! Turned out so beautiful, interesting window. Now you can create the same. The only thing that can you can prevent this by you! Create, invent! Create individual Windows! Which is not on any website. Our component is suitable for lightbox. Your quality pictures will gain a new look!

    But the main advantage is full compatibility with Twitter Bootstrap 3! It is very simple to connect our component to ready modal windows from Twitter Bootstrap.

    imGrid : jQuery Media Grid Responsive Gallery

    imGrid : jQuery Media Grid Responsive Gallery

    This is a JQuery plugin that allows you to create an high quality justified gallery of images.

    • Four layout types: Square, fluid, masonry and fit
    • 20+ hover effects: imGrid bring packaged over 20+ hover effects that can be used on any website
    • 25+ Animations
    • Filtering
    • Lightbox
    • Dinamic loading
    • Fully responsive

    jQuery Confirm Dialogs with Bootstrap

    jQuery Confirm Dialogs with Bootstrap

    Confirm dialogs for buttons and links using jQuery and Bootstrap.

    Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

    Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

    Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options. Popovers are intelligently positioned and allow users to preview videos on hover.

    Features:

    • Simple access to all embed API options for both providers
    • Lots of options to customize and beautify your lightboxes
    • Intelligent popover auto positioning gravitates to page center
    • Preview videos on hover, pin if you want them to stick around
    • Lazy loading of videos prevents slow page load due to video embeds
    • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)

    CSS effects for Notifications using Animate.css

    CSS effects for Notifications using Animate.css

    This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.

    AnimatedModal.js : jQuery fullscreen modal with CSS3

    AnimatedModal.js : jQuery fullscreen modal with CSS3

    AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.

    Filtered image gallery with Fancybox & jQuery

    Filtered image gallery with Fancybox & jQuery

    Create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox.

    eModal : jQuery Easy Modal Dialogs for Bootstrap

    eModal : jQuery Easy Modal Dialogs for Bootstrap

    Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.

    Stackbox.js : jQuery Stackable Modal boxes Plugin

    Stackbox.js : jQuery Stackable Modal boxes Plugin

    Stackbox is a jQuery plugin for creating stackable modal boxes. It’s easy to customize using CSS / LESS.For animations to work, you need to include Animate.css or some other CSS3 keyframe animation library.

    jQuery Splash Screen Pro

    jQuery Splash Screen Pro
    • Full-screen video and image backgrounds
    • Google Fonts support
    • Multiple screens support
    • YouTube & HTML5 videos
    • Launch a preview from the editor

    Splash Screen Pro uses a 12-column grid system, similar to Bootstrap’s grid system.Everything in the editor is drag and drop. You can create columns and rows and reposition them however you like.