Advertise here

jQuery Plugins Tagged ‘layout’

On Scroll Effect Layout

July 22, 2013     10605     Scroll Effects
On Scroll Effect Layout

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     35198     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     20008     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     17718     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     22996     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     28554     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     23176     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     7266     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     6170     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     2167     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     15178     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     10410     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     27812     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     5533     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     28754     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 »

AdvertisementAdvertise with us!