Best jQuery Popup Window Plugins & Tutorials with Demo

    Tutorialize : jQuery plugin to Teach Elements on your Web Page

    Tutorialize : jQuery plugin to Teach Elements on your Web Page

    Tutorialize is a jQuery plugin that provides a simple and nice way to present and teach elements on your web page.

    • Teach new users with a tour of your site
    • Show your users the answer to their questions
    • Focus and explain specific part of your website

    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..

    Bouncy Navigation with CSS3 & jQuery

    Bouncy Navigation with CSS3 & jQuery

    A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered!

    We used CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the screen.

    skLib : jQuery Responsive Lightbox

    skLib : jQuery Responsive Lightbox

    SiteKit Library lightbox is a fully responsive lightbox which runs on any device and on all major browsers. It supports touch, keyboard and mouse control, chooses the best fit from multiple sizes per image, adapts to right-to-left languages, and allows custom commands such as save to disk or link to more information.

    • Big – Minimal chrome graphics to focus on your content and not its frame.
    • Responsive – Adapts to browser window and resizes with it.
    • More responsive – Chooses the image best fitting the size of window. (If image variations are configured.)
    • Even more responsive – Quick animations and preload of the next slide’s image don’t leave users waiting.
    • Touch – Swipe through a gallery on any touch-screen. (Except for video or iframe.)
    • Keyboard – Move through a gallery with directional keys.

    Morphing Modal Window with CSS3 & jQuery

    Morphing Modal Window with CSS3 & jQuery

    A call-to-action button that animates and turns into a full-size modal window.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.

    The final result is powered by a combination of CSS transition and transformations, jQuery and Velocity.

    jQuery Lighter : jQuery plugin for Zoomable Images

    jQuery Lighter : jQuery plugin for Zoomable Images

    Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs is a JavaScript solution to display media in a stylish mobile-ready overlay fashion. It also lets you ingest content from today’s most popular media platform: Youtube, Instagram, Vimeo, Flickr, Dailymotion.

    Magneticmediajs is built with a JavaScript class model for easier work of extension, jQuery for DOM manipulation and Less CSS3 with progressive enhancement. It supports various touch events, including swipes between media items, and scales well from mobile devices (iOS, Android …) to large computer screens. Plus it has some super cool design effects for images including a magnifying glass and 8 filters (sepia, grayscale, saturate …).

    jQuery Validation with Lightbox

    jQuery Validation with Lightbox

    Execute jQuery validation if submitting a form , display error and success message with lightbox.

    ScalableLightbox : jQuery Responsive Picture lightboxes

    ScalableLightbox : jQuery Responsive Picture lightboxes

    A jQuery plugin for building aesthetically minimalistic, responsive picture lightboxes. Features an index module for providing an overview with thumbnails as well as a lightbox module, for displaying high-res images in a responsive manner.

    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.