Advertise here

jQuery Plugins Tagged ‘dynamic layout’

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 »

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 »

Gridstack.js – jQuery Plugin for Widget Layout

November 15, 2014     24628     Grid & Layout
Gridstack.js – jQuery Plugin for Widget Layout

Gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js

Read More »

FreeWall – Dynamic Grid Layout Without Gaps

September 17, 2013     26594     CSS3 & CSS Responsive Grid & Layout
FreeWall – Dynamic Grid Layout Without Gaps

Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet

Freewall allows you to create many types of grid layout (flexible layout, images layout, pinterest-like layout, etc) with nice CSS3 animation effects and call back events.

Read More »

Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

September 02, 2013     14518     Grid & Layout
Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

Salvattore is a jQuery Masonry alternative with CSS-driven configuration.

It creates HTML elements depending on the number of columns you specify. Each of the items of your container is placed on these columns by turn. To get started simply add a data-columns attribute to the container.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     36028     Responsive Grid & Layout
Shuffle – Sort and Filter a Responsive Grid of Items

Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items

Features

  • Uses CSS Transitions!
  • Responsive (try resizing the window!)
  • Filter items by groups
  • Items can have multiple groups and be different sizes
  • Sort items
  • Advanced filtering method (like searching)

Read More »

jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

June 25, 2013     17928     Grid & Layout
jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

jQuery.waterfall is jQuery plugin for Pinterest like waterfall layout. It’s lightweight version of fluid columns masonry layout of isotope. It's fast, tiny, reliable and free alternative to isotope masonry column shift layout.

Read More »

Mason.js – jQuery Plugin to Create Grid Layout

June 17, 2013     23496     Grid & Layout
Mason.js – jQuery Plugin to Create Grid Layout

Mason was created to solve a problem with most grid system currently available. Gaps. When using MasonryIsotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.

Built on the idea of true masonry when a grid is constructed there are bound to be holes, so Mason calculates where those holes are fills them in.

Read More »

CollagePlus – Image Gallery Plugin for jQuery

June 05, 2013     25833     Gallery Responsive Grid & Layout
CollagePlus – Image Gallery Plugin for jQuery

CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Read More »

Waterfall – jQuery Plugin for Pinterest Like Layout

May 27, 2013     29314     Grid & Layout
Waterfall – jQuery Plugin for Pinterest Like Layout

Waterfall is a powerful and customizable jQuery plugin for creating dynamic and responsive Pinterest like layout which supports infinite ajax scroll.

Read More »

Galereya – Responsive and Customizable Gallery with Masonry Layout

May 01, 2013     29481     Gallery Grid & Layout
Galereya – Responsive and Customizable Gallery with Masonry Layout

Galereya is responsive, easily customizable jQuery gallery with a masonry layout. Almost all animation and effects are based on CSS features.

Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc.

Read More »

DyLay – jQuery Dynamic Layout Plugin

March 24, 2013     10102     Responsive Grid & Layout
DyLay – jQuery Dynamic Layout Plugin

DyLay is a jQuery plugin which allows to create dynamic layout very easily.

Dylay is responsive and is tested in Safari, Firefox 1.5+ , Internet Explorer 6+, Opera 9+ and Chrome.

Read More »

jQuery Grid 'Em Plugin

March 16, 2013     8940     Grid & Layout
jQuery Grid 'Em Plugin

 Grid 'Em is a simple jQuery plugin that allows you to evenly apply horizontal spacing on a list of items across multiple rows on a page.

Read More »

JResponsive – Responsive Smooth Transition Layout for jQuery

March 11, 2013     14165     Responsive Grid & Layout
JResponsive – Responsive Smooth Transition Layout for jQuery

JResponsive  is a simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.

Read More »