Best jQuery Popup Window Plugins & Tutorials with Demo

Easy Z Modal – jQuery Modal Plugin

Easy Z Modal – jQuery Modal Plugin

The Easy Z Modal jquery is a simple and efficient modal plugin for jquery.

3D Bold Navigation in CSS & jQuery

3D Bold Navigation in CSS & jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don’t use 3D translations, but the result is the same).

Squeezebox Portfolio Template in CSS & jQuery

Squeezebox Portfolio Template in CSS & jQuery

An intro block that slides out to uncover a gallery of portfolio items.

We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away.

Prompt21 : jQuery Prompt Plugin

Prompt21 : jQuery Prompt Plugin

A minimalist jQuery prompt plugin for the 21st Century.

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

jQuery lightgallery : Responsive Lightbox Gallery Plugin

jQuery lightgallery : Responsive Lightbox Gallery Plugin

A lightweight, customizable, modular, responsive, lightbox gallery plugin for jQuery.

jQuery Popdown Plugin

jQuery Popdown Plugin

It’s a simple dialog jquery plugin that pops down from the top of your browser window once it’s loaded HTML in the background. A simple way to load web forms, content, user feedback messages, media and any other in place style content.

Slick Modal – CSS3 powered Popups

Slick Modal - CSS3 powered Popups

Slick Modal Popup is a great way to display your message. You can insert any code or layout inside it, let it be banners, newsletter signups, contact forms, special offer display, images, galleries, iframe, video, maps and more effectively and with style.

Features:

  • 50+ avaliable options
  • 15 transitions effects
  • 5 transition speeds
  • 9 popup positions
  • Advanced options
  • Custom modal size
  • Set a cookie for visitors
  • Set a timed visibility delay

Ply : Amazing layer/modal/dialog system

Ply : Amazing layer/modal/dialog system

Amazing layer/modal/dialog system.

Features:

  • Support browsers: Chrome 20+, FireFox 20+, Safari 6+, Opera 12+, IE8+
  • No jQuery (but then need Promise polyfill)
  • More than 90% test code coverage
  • Preloading content before displaying
  • Smart focus on form elements
  • ES6 syntax

Intense Images : JavaScript Full Screen Image Viewer

Intense Images : JavaScript Full Screen Image Viewer

A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning.

Intense images is a stand alone library (no jquery, or the likes) so usage is pretty straight forward. All styling of image elements is up to the user, Intense.js only handles the creation, styling and management of the image viewer and captions.