Best jQuery Gallery Plugins & Tutorials with Demo

Grid Item Animation Layout with CSS3 & JavaScript

Grid Item Animation Layout with CSS3 & JavaScript

oday we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding.

Mikado Grid Gallery for WordPress

Mikado Grid Gallery for WordPress

Mikado is a WordPress image gallery based on random grids with a lot of features.

It’s responsive and images will adapt with a nice and smooth animation when the browser is resized. You just need to decide width (also percentage) and height and Mikado will create a random grid inside the rectangle.

Features:

  • Fully responsive and fluid layout;
  • Dynamic filters and filtering animations
  • Size of the gallery, width and height. The width can be in percentage so it perfect for responsive sites;
  • Margin between images;
  • 5 Lightboxes;
  • WordPress widget;
  • Multiple galleries on same page;
  • Great for mobile and tablets;

jQuery lightgallery : Responsive Lightbox Gallery Plugin

jQuery lightgallery : Responsive Lightbox Gallery Plugin

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

jstiles : jQuery Animated Tiles Plugin

jstiles : jQuery Animated Tiles Plugin

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.

As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.

Quick Add To Cart in CSS & jQuery

Quick Add To Cart in CSS & jQuery

A handy snippet to let users customize a product directly from the products gallery, and add it to the cart.

Paver : jQuery Panorama/Image Viewer Plugin

Paver : jQuery Panorama/Image Viewer Plugin

Replicating the photo viewer/panner seen on the experimental Facebook Pages app, Paver is a jQuery-powered plugin that enables easy viewing of wide/panoramic images.

CSS Scroll Snap Galleries

CSS Scroll Snap Galleries

Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior.Can you imagine how easy would be creating such effects using CSS only?

jQuery Smooth Gallery

jQuery Smooth Gallery

A 3KB script to generate a slick paginated gallery & lightbox viewer. Oh, and it’s fully responsive.

jQuery XML Product Showcase & Quote Cart

jQuery XML Product Showcase & Quote Cart

JQuery XML Product Showcase & Quote Cart is solutions for those who needs to display products & and get a request for Quote by their customers its powered by jQuery, XML & Bootstrap. Using this product you can list unlimited categories & its products, where buyers can request a quote for those products. One can use this product very easily as customer just need to click on Add for Quote button products goes in cart &anp; then they can submit request for the same, You will get an email with request details. So you can resopond to it.

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox is a Responsive and Touch Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers an amazing viewing experience.

Features:

  • Responsive and Touch Enabled
  • Information and Control Bar
  • IFrame: Youtube, Vimeo, Google, Bing, Yahoo Maps, Instagram e.t.c.
  • HTML5 Video, Flash, Ajax
  • 5 Navigation effects.
  • Keyboard controllable UI.
  • 24 Options to customize it as you need.


Best jQuery websites design awards