Advertise here

jQuery Plugins Tagged ‘masonry’

MasonGram – Add Instagram Feed to Page in Masonry Layout

February 13, 2018     2335     Gallery Grid & Layout
MasonGram – Add Instagram Feed to Page in Masonry Layout

MasonGram is a jQuery plugin to add Instagram feed to a page in masonry layout.

Read More »

Macy.js – Lightweight JavaScript Masonry Layout Library

August 16, 2017     2812     Grid & Layout
Macy.js – Lightweight JavaScript Masonry Layout Library

Macy.js is a lightweight, dependency-free, 4kb masonry layout library, designed for a hassle-free configuration.

Read More »

Inspiration for Grid Loading Animations

April 11, 2017     2818     Animation Grid & Layout
Inspiration for Grid Loading Animations

A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.

Masonry for the grid layout and anime.js for the animations used in this tutorial.

Read More »

Bricklayer – Lightweight Cascading Grid Layout Library

April 20, 2016     3987     Grid & Layout
Bricklayer – Lightweight Cascading Grid Layout Library

Bricklayer is a lightweight and independent cascading grid layout library. Inspired by and a lighter alternative to Masonry.

Read More »

Bricks.js – Javascript Masonry Layout Generator

February 18, 2016     9604     Grid & Layout
Bricks.js – Javascript Masonry Layout Generator

Bricks.js is a blazing fast masonry layout generator for fixed width elements by using javascript.

Features:

  • No required HTML markup or CSS stylesheet
  • Minimal, powerful, and readable configuration
  • Optional resize handling
  • Optimized handling of dynamically added items

Read More »

zoomwall.js – Photo Gallery with Masonry Layout

June 17, 2015     5844     Gallery Zoom
zoomwall.js – Photo Gallery with Masonry Layout

zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

Read More »

Animated Masonry Gallery with Filters

April 07, 2015     10063     Gallery Effects
Animated Masonry Gallery with Filters

A tutorial about how to create an animated masonry gallery using jQuery and CSS transitions. Beside filter buttons this tutorial features a resize button that make the images arranged in a box or spread across the entire screen and a title that will change after applying a filter.

Read More »

Brick By BrickJS – Lightweight jQuery Masonry Alternative

October 28, 2014     3179     Grid & Layout
Brick By BrickJS – Lightweight jQuery Masonry Alternative

Brick By BrickJS is a lightweight jQuery masonry alternative including methods for appending content, prepeneding content, hiding content, showing content, removing content and more...

Read More »

Gridify – jQuery Plugin for Pinterest-Like Grid

September 29, 2014     11238     Grid & Layout
Gridify – jQuery Plugin for Pinterest-Like Grid

Gridify is a lightweight jQuery plugin for creating a Pinterest-like grid with image loaded plugin.

Features

  • support image loaded event
  • support window resize event
  • support very long height item
  • support dynamic item width
  • support animation (CSS3 transition)

Read More »

Google Grid Gallery

March 23, 2014     19332     Gallery Responsive Grid & Layout
Google Grid Gallery

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

Read More »

jQuery Masonry – Dynamic Layout Plugin for jQuery

August 01, 2012     6162     Grid & Layout
jQuery Masonry – Dynamic Layout Plugin for jQuery

Masonry is a dynamic grid 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, positioning each element in the next open spot in the grid.

The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Read More »