Advertise here

jQuery Plugins Tagged ‘layout’

On-Scroll Animation and View Switch

October 09, 2022     2050     Scroll Animation
On-Scroll Animation and View Switch

Tutorial about to create a layout with some scroll animations and a view switch where the content item images animate to a grid.

Read More »

Magic Grid – Simple, Lightweight Javascript Library for Dynamic Grid Layouts

December 28, 2018     2368     Responsive Grid & Layout
Magic Grid – Simple, Lightweight Javascript Library for Dynamic Grid Layouts

Magic Grid is a simple, lightweight Javascript library for creating dynamic grid layouts. Magic Grid, you need to specify a container and listen for changes. Also a few other configuration options are available for convenience.

Read More »

MasonGram – Add Instagram Feed to Page in Masonry Layout

February 13, 2018     2334     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 »

Cool Layout with Complex Chainable Animation

July 22, 2017     1212     CSS3 & CSS Animation
Cool Layout with Complex Chainable Animation

A tutorial about creating cool layout with complex chainable animation by using css animation and javascript.

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 »

Minigrid – Minimal Cascading Grid Layout.

July 30, 2015     6692     Grid & Layout
Minigrid – Minimal Cascading Grid Layout.

Minigrid is a minimal 2kb zero dependency cascading grid layout. It's responsive and can be animated.

Read More »

WebCola – Javascript Constraint-Based Graph Layout

July 08, 2015     8315     Chart & Graph
WebCola – Javascript Constraint-Based Graph Layout

WebCola is an open-source JavaScript library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques. It works well with libraries like D3.js and svg.js

Read More »

zoomwall.js – Photo Gallery with Masonry Layout

June 17, 2015     5840     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 »

jQDrawBootstrapGrid – Draws Grid Columns to Bootstrap Enabled Layout

June 02, 2015     1994     Grid & Layout Bootstrap
jQDrawBootstrapGrid – Draws Grid Columns to Bootstrap Enabled Layout

jQDrawBootstrapGrid is a simple jQuery plugin that draws grid columns to a Bootstrap enabled layout.

Read More »

Product Comparison Layout & Effect

May 26, 2015     3758     CSS3 & CSS Effects
Product Comparison Layout & Effect

A basic responsive product grid layout with comparison functionality and a slide-in effect.

Read More »

Gridstack.js – jQuery Plugin for Widget Layout

November 15, 2014     24624     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 »

MetricsGraphics.js – JavaScript Library for Data Graphics and Layouts

November 14, 2014     3037     Chart & Graph
MetricsGraphics.js – JavaScript Library for Data Graphics and Layouts

MetricsGraphics.js is a library optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way.

The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

Read More »

Gridify – jQuery Plugin for Pinterest-Like Grid

September 29, 2014     11235     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 »