Advertise here

Grid & Layout

Mason.js – jQuery Plugin to Create Grid Layout

June 17, 2013     23031     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     24832     Grid & Layout Gallery Responsive
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     28612     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 »

Responsive Product Grid Layout

May 18, 2013     8386     Grid & Layout Responsive
Responsive Product Grid Layout

Responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are also included.

Media queries can be used to resize the items in the grid or change the number of items in a row. Flexbox is used when supported.

Read More »

Mosaic Flow – Pinterest Like Responsive Image Grid

May 11, 2013     23201     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     7275     Grid & Layout Scroll
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 »

Galereya – Responsive and Customizable Gallery with Masonry Layout

May 01, 2013     29075     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 »

Pinbox – Pinterest Style Boxes jQuery Plugin

March 30, 2013     11839     Grid & Layout
Pinbox – Pinterest Style Boxes jQuery Plugin

Pinbox is a jQuery plugin to  build Boxes like Pinterest

Features:

  • It is easy to handle with and to use.
  • It automatically handles the different height of the boxes and layouts them appropriately.
  • It also works with endless scrolling.

Read More »

DyLay – jQuery Dynamic Layout Plugin

March 24, 2013     9994     Grid & Layout Responsive
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 »

Photoset Grid – jQuery Plugin to Arrange Images Into Flexible Grid

March 21, 2013     10572     Gallery Grid & Layout
Photoset Grid – jQuery Plugin to Arrange Images Into Flexible Grid

Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature.

Photoset Grid can be used with lightbox and can be add to Tumblr Themes.

Read More »

Thumbnail Grid with Expanding Preview Like Google Images

March 19, 2013     56002     Grid & Layout Gallery
Thumbnail Grid with Expanding Preview Like Google Images

A nice tutorial from Codrops on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

Read More »

jQuery Grid 'Em Plugin

March 16, 2013     8808     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     14058     Grid & Layout Responsive
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 »

Ingrid – jQuery Datagrid Plugin

March 09, 2013     12705     Tables Grid & Layout
Ingrid – jQuery Datagrid Plugin

Ingrid is an unobtrusive jQuery component that adds datagrid behaviors as  column resizing, paging, sorting, row and column styling, and more to your tables.

Read More »

Columnizer – Newspaper Column Format jQuery Plugin

February 16, 2013     2183     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 »

AdvertisementAdvertise with us!