Advertise here

Grid & Layout

Galereya – Responsive and Customizable Gallery with Masonry Layout

May 01, 2013     27957     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     11548     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     9793     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     10358     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     54212     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     8609     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     13811     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     12199     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     2107     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     20163     Grid & Layout Tables
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     14554     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 »

Shapeshift – Dynamic Grid System With Drag & Drop

January 24, 2013     12265     Responsive Grid & Layout
Shapeshift – Dynamic Grid System With Drag & Drop

Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container.

Grid System: All items flow from left to right, top to bottom.

Drag & Drop: Click and drag elements to move them, even to different containers.

Responsive: Resize the browser window so see the grid change with the new dimensions.

Media Queries: Work normally with responsive grids, watch as the page shifts with the new attributes.

Works on Touch: Enable drag and drop on touch devices by using the included

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10078     Grid & Layout Effects Animation
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 »

Animated Responsive Image Grid jQuery Plugin

November 23, 2012     10315     Grid & Layout Responsive
Animated Responsive Image Grid jQuery Plugin

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings.

This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

Read More »

jQSlid – jQuery Interactive Cycle Slides Plugin

November 18, 2012     6003     Grid & Layout
jQSlid – jQuery Interactive Cycle Slides Plugin

jQSlid is a simple jQuery plugin that offers parallel sliding for both content and the navigation.

It can be used in various situations where sliding functionality is required. e.g You can use it for creating sliding banners and portfolio sliders with navigation and content sliding in parallel. 

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish