Best jQuery Popup Window Plugins & Tutorials with Demo

    NACHO Lightbox : Flat responsive lightbox with jQuery

    NACHO Lightbox : Flat responsive lightbox with jQuery

    NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

    Features:

    • Flat skin – perfect for modern websites
    • Responsive and beyond – very adaptable, perfect for desktop, tablet and even mobile. It hides the thumbnails on small screens to keep the media visible.
    • Touch gestures – mouse and touch are unified, so you can do anything using either one.
    • Blazing fast – Featuring some of the coolest CSS3 Effects out there, it takes advantage of the GPU on mobile devices.
    • Responsive Videos from Youtube and Vimeo.
    • Responsive fluid grid included to keep your images aligned.
    • Powerful events API – you can control all the options through this easy to use API. 
    • Retina Graphics – Sharper on every screen
    • Deep linking – So when someone shares your image will be taken directly to that image.
    • No coding required – Using only jQuery selectors and HTML5 data attributtes

    Albumize : jQuery plugin to manage Collection of Images

    Albumize : jQuery plugin to manage Collection of Images

    Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

    Royal 3D Carousel in JavaScript & CSS3

    Royal 3D Carousel in JavaScript & CSS3

    Fully responsive 3D carousel that allows to display media or HTML content with an unique and original layout. It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors.

    Features:

    • responsive / fixed and fluid width.
    • Support for images and HTML content.
    • Support for multiple categories and each category can have it’s own set of thumbnails.
    • Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal with jQuery & CSS3 Animation

    Metro Modal, is a jQuery plugin that creates or turn DIVs into modal popups in metro style.The modals are draggable, has controls to Maximize, Close and Restores, basic fadeIn/fadeOut animation for old browsers that has no support for css3 animations.

    Features:

    • There are 19 properties that you may change.
    • 23 different animations.
    • Responsive design
    • Resize window, also resizes de modal if is needed, animation to move around to the new screen location.
    • Support iFrames and custom HTML code
    • Support multiple color background with animations, works with HTML color pallet.

    jQuery Bootstrap Form Application Wizard

    jQuery Bootstrap Form Application Wizard

    It is a good practice to split long forms into smaller, contextually similar chunks. This makes them a bit easier to handle. The Bootstrap Form Wizard does that for you and more.

    The Application Wizard is a Bootstrap addon that allows multi-step forms to progress in a natural order while remaining flexible.

    flipLightBox : Responsive Lightbox jQuery Plugin

    flipLightBox : Responsive Lightbox jQuery Plugin

    flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn’t require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.

    Bootstrap Lightbox with jQuery

    Bootstrap Lightbox with jQuery

    A simple lightbox plugin based on the bootstrap modal plugin.This is a plugin for Twitter Bootstrap that adds a lightbox that is based off the modal dialog.

    Smart Image Tooltip with jQuery & CSS

    Smart Image Tooltip with jQuery & CSS

    Smart Image Tooltip is easy to use and setup plugin that can show images as tooltips for thumbnails or normal links. Plugin requires proper structure for the HTML used, and it supports adding all sorts of extra data that can be displayed inside the tooltip. Tooltip can be styled using CSS and it supports template for rendering. Plugin supports mobile/touch based devices to open tooltip on hover or click depending on the device or the plugin settings. There are many other settings to control plugin available.

    Features:

    • Preload image before displaying tooltip
    • Customizable preload animation and reposition tooltip
    • Various demos and examples to show how menu can be set
    • Full source files for both CSS and jQuery
    • Minimized CSS and JS files

    Flippant.js : JavaScript & CSS3 library for flipping things over

    Flippant.js : JavaScript & CSS3 library for flipping things over

    Flippant.js is a mini javascript and CSS3 library that lets you flip things over. It has zero dependencies, is easily customized, and exports a single function: flip.

    Nifty Modal Window Effects with CSS3 & JavaScript

    Nifty Modal Window Effects with CSS3 & JavaScript

    Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration.

    The idea is to have a trigger button (or any element) which will make a modal window appear on click using a simple transition (or animation).