Best jQuery Gallery Plugins & Tutorials with Demo

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.

uilang.js : UI-focused Programming Language

uilang.js : UI-focused Programming Language

uilang is a dead simple programming language for web designers. With uilang, you write your code just like plain English, straight into your HTML using a <code> element. uilang’s logic relies on manipulating classes on HTML elements and using these classes in CSS to show, hide, animate and transform elements when a click occurs. This simple logic lets designers create most of the typical user interface behaviours: tabs, popovers, overlays, sliding menus, etc.

Demo 1 Demo 2 Demo 3 Demo 4 Demo 5

Dribbbox : JavaScript Library for Dribbble portfolio

Dribbbox : JavaScript Library for Dribbble portfolio

Dribbbox is a javascript library for dribbble portfolio.Dribbbox displays your work in a clean, easy-to-browse gallery, avoiding the noise of Dribbble’s comments, rebounds, ads, … It’s your portfolio, not your social network profile.



Best jQuery websites design awards