Advertise here

jQuery Plugins Tagged ‘layout’

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     35032     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 »

View Mode Switch with Grid and List Layout

July 03, 2013     19807     Responsive Grid & Layout
View Mode Switch with Grid and List Layout

A simple view mode switch that has two example layouts, a grid and a list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive.

Read More »

jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

June 25, 2013     17653     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     22849     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 »

Waterfall – jQuery Plugin for Pinterest Like Layout

May 27, 2013     28418     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 »

Mosaic Flow – Pinterest Like Responsive Image Grid

May 11, 2013     23077     Grid & Layout
Mosaic Flow – Pinterest Like Responsive Image Grid

Mosaic Flow is jQuery plugin for Pinterest like responsive image grid.

Features

  • Simple and easy to install.
  • Responsive (shows as many columns as needed).
  • Very fast.
  • Only 1 KB (minified gzipped).
  • You can add some HTML: info overlay for example.

Read More »

Fixed Background Scrolling Layout

May 02, 2013     7230     Scroll Grid & Layout
Fixed Background Scrolling Layout

Fixed background image scrolling layout with 100% height panels and smooth scrolling.

A simple scrolling layout with fixed background images using background-attachment: fixed and a navigation. The page will scroll smoothly to the selected section.

Read More »

Fullscreen Layout with Page Transitions

April 23, 2013     6118     CSS3 & CSS Responsive
Fullscreen Layout with Page Transitions

A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.

All effects are done with CSS transitions and controled by applying classes with JavaScript. The whole layout is flexible and some media queries are added to size down things for smaller screens.

Read More »

Columnizer – Newspaper Column Format jQuery Plugin

February 16, 2013     2151     Grid & Layout
Columnizer – Newspaper Column Format jQuery Plugin

Columnizer jQuery plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns.

Read More »

Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

February 03, 2013     15021     Responsive Grid & Layout
Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

Nested is a jQuery plugin to create a gap free, multi column grid layouts. Nested plugin also sports a responsive design.

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10344     Effects Animation Grid & Layout
Fullscreen Pageflip Layout Using BookBlock Plugin

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Read More »

Grid-A-Licious – Responsive Grids With jQuery

November 08, 2012     27506     Responsive Grid & Layout
Grid-A-Licious – Responsive Grids With jQuery

Grid-A-Licious is a jQuery plugin that enables us to easily create Pinterest-like floating-grid layouts. There are other resources to create such an output but Grid-A-Licious differs itself by offering a completely responsive solution. 

Read More »

Isotope – Exquisite jQuery Plugin for Magical Layouts

September 08, 2012     5502     Grid & Layout
Isotope – Exquisite jQuery Plugin for Magical Layouts

Isotope is an exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

Read More »

Freetile – jQuery Layout Plugin

September 01, 2012     28456     Responsive Effects Grid & Layout
Freetile – jQuery Layout Plugin

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.

It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement.

Read More »

jQuery Masonry – Dynamic Layout Plugin for jQuery

August 01, 2012     5077     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 »

AdvertisementAdvertise with us!