Advertise here

jQuery Plugins Tagged ‘grid’

jqGrid – jQuery Grid Plugin

October 20, 2013     12382     Ajax Grid & Layout
jqGrid – jQuery Grid Plugin

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web.

Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     36026     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     20402     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     31605     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     8564     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     12012     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     10707     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     57022     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     8940     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     13422     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     6630     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     28778     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     29687     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     28817     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     16998     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 »