Best jQuery Gallery Plugins & Tutorials with Demo

Full Image Reveal Effect with TweenMax Animation

Full Image Reveal Effect with TweenMax Animation

Today we’d like to share a simple fullscreen image reveal effect with you. The idea is to have an inital thumbnails layout at the bottom of the page and then animate the items when we click them. A covering element comes sliding in and when it moves out, the fullscreen image view is shown behind. We are using TweenMax for the animations.

Grid Layout with Motion Hover Effect and Content Preview

Grid Layout with Motion Hover Effect and Content Preview

Today we’d like to share a little grid layout with you. We use CSS Grid and a playful hover effect on the grid items which are composed of different wildly placed elements. When an item is clicked, we slide in a content preview overlay and animate the grid items out and the preview items in. For the animations we use TweenMax by Greensock.

slideBox.js : jQuery Responsive lightbox-style media Galleries & Carousels

slideBox.js : jQuery Responsive lightbox-style media Galleries & Carousels

slideBox is a jQuery plugin for easy creation of responsive lightbox-style media galleries and carousels. Features:

  • Groups together your media in a lightbox-style gallery or carousel.
  • Autorotating carousels.
  • Carousel pager support.
  • CSS transitions.
  • Basic UI included.
  • Lazyloads images and video through lazysizes.js.

jQuery – Facebook,YouTube,Vimeo,Twitter,Instagram Social Stream Grid

jQuery - Facebook,YouTube,Vimeo,Twitter,Instagram Social Stream Grid
  • Responsive Design Layouts.
  • 6 Style Available
  • Inline Social read popup
  • Inline Only image popup
  • Custom Columns Layout
  • Custom backgrond Color and hover background color
  • Fitrow and Masonry Grid Layout
  • Show more Pagination
  • Multi Filtering
  • Social Share icon for each post in popup
  • 60+ animation effects

Nice Gallery : jQuery neat Image Gallery Plugin

Nice Gallery : jQuery neat Image Gallery Plugin

Nice Gallery is a neat image gallery plugin for jQuery. It offers different possible configurations while still being lightweight and easy to work with.

MasonGram : jQuery Instagram feed Plugin

MasonGram : jQuery Instagram feed Plugin

MasonGram is a jQuery plugin to add Instagram feed to a page.

Features:

  • Simple
  • Responsive
  • Infinite loading while scrolling down
  • Link to a location on map (configurable either via caption text @12.34,56.78 or via image location tag)
  • Configurable image caption with “caption”, “location”, “likes”

DreamSlider : jQuery Image Slider Plugin

DreamSlider : jQuery Image Slider Plugin

DreamSlider is a jQuery image slider plugin with great visual effects.

Features:

  • Single image/Gallery mode to create an image slideshow with thumbnails
  • Small file size,easy to implement.
  • Quick load time due to progressive loading of images, which are beyond viewport using lazyloading technique
  • No additional thumb images required.
  • Hover effects for thumbnails : Zoom-in(default),bounce,standout.

Lumise Product Designer Tool with JavaScript & PHP

Lumise Product Designer Tool with JavaScript & PHP

Lumise is the professional product designer tool, built by HTML5 + JavaScript technologies. Lumise is designed to focus on the user experience and provide all in one for a breakthrough solution for your print services store. In addition, it has many powerful exclusive features and top-friendly interface to help your users easy to design any ideas.

Most Wanted jQuery Plugins Pack

Most Wanted jQuery Plugins Pack

Almost all the plugins you need to create a complete and professional website are founded in THE MOST WANTED PLUGINS PACK: Premium Sliders, Video Players, Logos Showcase, Full Screen Image Or Video Backgrounds, Audio Players, Radio Players, Carousels, Countdowns.

DoFilter : jQuery Bootstrap Multipurpose Filtering & Shorting

DoFilter : jQuery Bootstrap Multipurpose Filtering & Shorting

DoFilter is a Full Responsive Bootstrap Multipurpose Filtering and Shorting plugin built on Latest Version of Bootstrap Framework (v3.3.7), HTML5, CSS3 and jQuery. Its wonderful features can be used to Filtering and Shorting your website content as like Portfolio, Service, Team, Blog, Products, Pricing, FAQ etc. Also you can customize it for Filtering and Shorting any your website content.

  • 19 Different Style Isotope Filtering
  • Grid and Masonry Filtering and Shorting
  • Lightbox Image Gallery
  • Image Hover Effect
  • W3C Valid HTML Code
  • HTML5 ,CSS3 & jQuery
  • 100% Responsive & Mobile-Friendly Layout