Best jQuery Gallery Plugins & Tutorials with Demo

Viewer : jQuery Image Viewing Plugin

Viewer : jQuery Image Viewing Plugin

Viewer is a simple jQuery image viewing plugin.

  • Touch Support
  • Zoom
  • Rotation
  • Scale (flip)
  • Keyboard support
  • Cross-browser support

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).

Material Photo Gallery

Material Photo Gallery

A vanilla javascript photo gallery plugin inspired by Google Photos.

Eagle Gallery – jQuery responsive, Touch, Zoom, Gallery

Eagle Gallery - jQuery responsive, Touch, Zoom, Gallery

Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options

Material Design Expanding Overlay

Material Design Expanding Overlay

A Material Design inspired expanding overlay for showcasing projects, articles, and more.

Dual Sliding Panels with CSS3 & JavaScript

Dual Sliding Panels with CSS3 & JavaScript

Dual sliding panels for presenting content in a fun way. Built with Stylus and vanilla JavaScript.

CSS-Gallery : Data-bound Photo Gallery in pure CSS

CSS-Gallery : Data-bound Photo Gallery in pure CSS

An interactive, data-bound photo gallery in pure CSS.CSS-Gallery demonstrates the true power of CSS and LESS. This is a fully interactive photo gallery, built entirely in CSS and LESS, with no Javascript anywhere.

  • Use the hamburger menu to filter photos by category
  • Use the view icons on the upper right to switch between thumbnail and list views
  • Click a photo to open a scaled lightbox showing a larger view
  • Click the arrows on the sides of the lightbox to switch photos directly.

Chewing-Grid : CSS Grid ideal for Card Listing Design

Chewing-Grid : CSS Grid ideal for Card Listing Design

ChewingGrid is a CSS grid for card listing design, like videos, tiles, or article lists. It doesn’t require media queries, but it adjusts based on the maximum number of columns, and minimum and maximum card width.

Instagram jQuery Gallery Widget : InstaShow

Instagram jQuery Gallery Widget : InstaShow

jQuery Instagram Gallery Widget allows creating marvelous grids of Instagram photos and sharing them in gorgeous galleries.Unleash the full power of an outstanding tool for displaying images from any public profile or any possible hashtag.

50+ adjustable elements, 10 color schemes and 16 languages will help you to create an amazing look for Instagram images. Manage the retina ready and user-friendly jQuery Instagram widget to attract your website’s audience in a flash!

Effect Ideas for Card Stacks with CSS3

Effect Ideas for Card Stacks with CSS3

Today we’d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. We’ve used this Tinder-like example to show some symmetric and complementing pairs of effects, but these kind of animations can fit into many scenarios involving all kinds of card stacks that don’t necessarily have a dual logic.



Best jQuery websites design awards