Advertise here

jQuery Plugins Tagged ‘grid’

View Mode Switch with Grid and List Layout

July 03, 2013     20167     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 »

Gridly – jQuery Plugin to Enable Drag & Drop on Grids

June 24, 2013     30970     Drag & Drop Grid & Layout
Gridly – jQuery Plugin to Enable Drag & Drop on Grids

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.

Read More »

Responsive Product Grid Layout

May 18, 2013     8418     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 »

Pinbox – Pinterest Style Boxes jQuery Plugin

March 30, 2013     11864     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 »

Photoset Grid – jQuery Plugin to Arrange Images Into Flexible Grid

March 21, 2013     10615     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     56162     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     8834     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 »

ParamQuery Grid – jQuery Grid Plugin

January 09, 2013     12685     Tables
ParamQuery Grid – jQuery Grid Plugin

ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It's based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API. It's free to use.

Read More »

jqRazorGrid – Functional jQuery Data Grid Plugin

November 23, 2012     6414     Tables
jqRazorGrid –  Functional jQuery Data Grid Plugin

jqRazorGrid is a jQuery plugin that transforms your JSON encoded data into a dynamic, themable and extensible grid. This plugin's aim is to create the most amount of functionality for the least amount of set-up code.

Read More »

Grid-A-Licious – Responsive Grids With jQuery

November 08, 2012     28077     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 »

Freetile – jQuery Layout Plugin

September 01, 2012     28972     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 »

Draggable Image Boxes Grid with jQuery

August 28, 2012     28345     Drag & Drop Effects Grid & Layout
Draggable Image Boxes Grid with jQuery

Here you ll learn how to create a template with a fullscreen grid of images and content areas.

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More »

Gridster.js – Drag & Drop Multi-Column jQuery Grid Plugin

July 31, 2012     16478     Drag & Drop Grid & Layout
Gridster.js – Drag & Drop Multi-Column jQuery Grid Plugin

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better.

Read More »

Flex – A fluid asymmetrical animated grid plugin for jQuery

July 31, 2012     3252     Grid & Layout
Flex – A fluid asymmetrical animated grid plugin for jQuery

Flex is a fluid asymmetrical animated grid plugin for jQuery. Flex is an idea inspired by the old flash homepage on Adidas.com.

Read More »

HTML5 Sortable – jQuery Plugin To Create Sortable Lists and Grids

July 12, 2012     14161     HTML5 Tables Drag & Drop
HTML5 Sortable – jQuery Plugin To Create Sortable Lists and Grids

HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.

Read More »

AdvertisementAdvertise with us!