Best jQuery Gallery Plugins & Tutorials with Demo

Grid Loading Animations with JavaScript & CSS

Grid Loading Animations with JavaScript & CSS

Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers.

RandPos : jQuery Amazing Testimonials Plugin

RandPos : jQuery Amazing Testamonials Plugin

Create amazing and modern-looking galleries or Testimonials by spreading elements random in a certain area.

nanoGALLERY2 : jQuery Beautiful & Modern Photo Galleries

nanoGALLERY2 : jQuery Beautiful & Modern Photo Galleries

nanogallery2 is a javascript library for building beautiful, modern and high-quality image galleries for your website or your blog.

Experimental 3D Room Exhibition Layout with CSS3

Experimental 3D Room Exhibition Layout with CSS3

Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

Expanding Bar Navigation Concept with CSS & JavaScript

Expanding Bar Navigation Concept with CSS & JavaScript

Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that’s a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable.

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe  is a simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

jQuery Responsive Mosaic plugin

jQuery Responsive Mosaic plugin

A free plugin for jQuery to build responsive mosaics of images or any other content fitted to match heights in multiple rows while maintaining aspect ratios.

3D Portfolio Template in CSS & jQuery

3D Portfolio Template in CSS & jQuery

A portfolio template, with a filter that triggers the rotation of 3D sections.

CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.

Masonry Hybrid : jQuery Multiple Columns & Resize Item

Masonry Hybrid : jQuery Multiple Columns & Resize Item

Masonry Hybrid is a multi columns layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.



Best jQuery websites design awards