Advertise here

Grid & Layout

Waterfall – jQuery Plugin for Pinterest Like Layout

May 27, 2013     28359     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     8308     Responsive Grid & Layout
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     23034     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     7219     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 »

Galereya – Responsive and Customizable Gallery with Masonry Layout

May 01, 2013     28738     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     11699     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     9915     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 »

Photoset Grid – jQuery Plugin to Arrange Images Into Flexible Grid

March 21, 2013     10474     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     55471     Gallery Grid & Layout
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     8723     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     13961     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 »

Ingrid – jQuery Datagrid Plugin

March 09, 2013     12493     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     2142     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 »

jui_datagrid – jQuery Datagrid Plugin using jQuery UI

February 16, 2013     20787     Tables Grid & Layout
jui_datagrid – jQuery Datagrid Plugin using jQuery UI

jui_datagrid is an Ajax-enabled jQuery plugin, useful to manipulate database data in tabular format. It has built-in pagination, sorting, editing, deleting and advanced searching.

Fully customizable, simple but powerful API, jQuery themes compatible, localization support.

Read More »

Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

February 03, 2013     14957     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 »

AdvertisementAdvertise with us!