JavaScript Grids | Bypeople

deals

premiumpacks & javascript grids (34 items)

jQuery grids are a very useful layout option when its potential is grasped. In this list, you will see responsive, drag and drop, animated filtering, and other types of grids.

freebies

This is a responsive, sortable, filterable and draggable grid layout based on Muuri.js. Muuri is a JavaScript layout engine that allows you to buil...

This is a responsive, sortable, filterable and draggable grid layout based on Muuri.js. Muuri is a JavaScript layout engine that allows you to build all kinds of layouts. It is a combination of Packery, Masonry, Isotope, and Sortable. Demo example created by CodePen user 王兆羽 B.C.Wang.

This is an eCommerce grid layout used to showcase footwear and apparel. It has box elements styled and animated with CSS and jQuery working as a lo...

This is an eCommerce grid layout used to showcase footwear and apparel. It has box elements styled and animated with CSS and jQuery working as a looper for making an infinite tiled grid; all with a beautiful color palette that helps to keep the attention in the merch. Created by CodePen user Andy Barefoot.

McGriddle is a Sass grid library that helps you build websites based on a grid system. It supports flexbox and the grid is, by default, based on fl...

McGriddle is a Sass grid library that helps you build websites based on a grid system. It supports flexbox and the grid is, by default, based on floats. To use, first create a separate settings file and import it before importing the library.

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, an...

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, and Presentation Templates (97% Off)

A jQuery grid plug-in that's very fast and extendable. The plugin supports pagination, JavaScript, server-side data sources, jQuery UI and Bootstra...

A jQuery grid plug-in that's very fast and extendable. The plugin supports pagination, JavaScript, server-side data sources, jQuery UI and Bootstrap. It is free and open source distributed under MIT License.

An incredibly fast masonry layout generator for fixed width elements, different from other current masonry solutions that lack performance, and are...

An incredibly fast masonry layout generator for fixed width elements, different from other current masonry solutions that lack performance, and are bloated with unnecessary features. Bricks capitalize on batched reading of layout properties for blazing fast packing time, no matter how many items.

Minigrid is an independent JavaScript grid layout that features responsiveness and animation as well as API properties.

Minigrid is an independent JavaScript grid layout that features responsiveness and animation as well as API properties.

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duoton...

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duotone, and More. Bonus Vector Icons & Elements!

A lightweight grid system that allows advanced managing such as both horizontal and vertical app laying out. Support is provided for IE 8+, iOS 5+,...

A lightweight grid system that allows advanced managing such as both horizontal and vertical app laying out. Support is provided for IE 8+, iOS 5+, Android 3+ and Modern browsers.

OpenJS is a library developed by Sean Clark in JavaScript, PHP and CSS that allows you to manage data tables as grids, allowing you to resize them ...

OpenJS is a library developed by Sean Clark in JavaScript, PHP and CSS that allows you to manage data tables as grids, allowing you to resize them online, and manage data in several ways such as filtering, sorting, paging, searching , deleting, and much more. This library is covered under an MIT license.

A JavaScript grid layout generator which allows you to build, organize, color-fill your layout tiles in whichever way you want, keeping the order y...

A JavaScript grid layout generator which allows you to build, organize, color-fill your layout tiles in whichever way you want, keeping the order you gave to it as much as possible across different screen sizes. Created by Shaun Wakashige.

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of template...

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of templates and branding items. Only $19. Limited time offer, time is running out!

A Javascript grid library for laying out, filtering and managing grids to your taste; it supports concurrent operations, multi-touch dragging, sort...

A Javascript grid library for laying out, filtering and managing grids to your taste; it supports concurrent operations, multi-touch dragging, sorting by filtering categories, over 40 toggles, as well as repackers. This Library is available under a GPLv3/Commercial licence

reGrid.js is a jQuery grid tool that allows in-browser design and web development. It overlays the fluid grid you specify for each viewport width. ...

reGrid.js is a jQuery grid tool that allows in-browser design and web development. It overlays the fluid grid you specify for each viewport width. It weighs 3kb minified, can be used freely and it's licensed under MIT and GPL.

A plugin created in JavaScript that generates a dynamic cascading grid. That means the tiles will arrange smoothly regardless of the screen size. T...

A plugin created in JavaScript that generates a dynamic cascading grid. That means the tiles will arrange smoothly regardless of the screen size. The result can be used in any device.

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

jQuery Nested is a beautiful plugin that stacks divs of irregular sizes in a bigger container. It is responsive, so you can resize the screen and i...

jQuery Nested is a beautiful plugin that stacks divs of irregular sizes in a bigger container. It is responsive, so you can resize the screen and it will fit the screen, allowing you to create multi-column, dynamic grid layouts.

A form set designed for mobile or desktop applications that require tons of data entry added regularly. It has been created with CSS but it uses a ...

A form set designed for mobile or desktop applications that require tons of data entry added regularly. It has been created with CSS but it uses a bit of JavaScript for functionality. It does some cool things, like automating fields (for instance, it relates fields by proximity if you indicate it; you can set a specific size for the form so it fits the space you assign to it, and every line wraps when viewed from mobile devices. It was made by Kumail Hunaid and it's free.

A jQuery plugin that creates masonry style layouts in a simple way. You don't need complicated markup for making grid websites or themes, and your ...

A jQuery plugin that creates masonry style layouts in a simple way. You don't need complicated markup for making grid websites or themes, and your work gets simplified by the use of methods like addAfter, addBefore, removeItems, hideItems, showItems, end and reload. It is licensed under MIT.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

Mason is a jQuery plugin that allows you create a beautiful grid without gaps and ragged edges. It is meant to create perfect, stable and flexible ...

Mason is a jQuery plugin that allows you create a beautiful grid without gaps and ragged edges. It is meant to create perfect, stable and flexible grids, and it works by measuring the dimensions of each block and the total area, filling the gaps when found. It was created by Drew Dahlman.

Gridstack is a jQuery plugin that will allow you to create Bootstrap V3 compatible grids, perfect for arranging widgets in multiple columns. It is ...

Gridstack is a jQuery plugin that will allow you to create Bootstrap V3 compatible grids, perfect for arranging widgets in multiple columns. It is meant to be used in a drag-and-drop manner. Can be well complemented with knockout.js

Gridify is a simple script that helps you create Pinterest-style grids for use in a website or mobile app. It works with jQuery, JavaScript or YUI.

Gridify is a simple script that helps you create Pinterest-style grids for use in a website or mobile app. It works with jQuery, JavaScript or YUI.

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

The Waterfall jQuery plugin provides a grid with thumbnails and a good number of customization options. Among its features, we can find infinite sc...

The Waterfall jQuery plugin provides a grid with thumbnails and a good number of customization options. Among its features, we can find infinite scrolling, custom width, fade-ins and much more. The only downside is the lack of a larger view of the images, but if you only want to quickly display medium-sized content, Waterfall can prove extremely useful.

Freetile allows the organization of elements in a grid layout in a dynamic and responsive way. What makes it different from other plugins of its ki...

Freetile allows the organization of elements in a grid layout in a dynamic and responsive way. What makes it different from other plugins of its kind is its extensive customization settings, which let the user add preferences like left-right alignment, different proximity between elements in the same grid, automatic grid size and more.

In this tutorial, Codrops describes how to make a draggable grid with thumbnails and menu-like elements. Once a thumbnail is clicked, the content w...

In this tutorial, Codrops describes how to make a draggable grid with thumbnails and menu-like elements. Once a thumbnail is clicked, the content will show and take the whole screen. In order to make this a draggable grid, the jQuery.kinetic plugin by Dave Taylor is used. It all results in a sweet drag scrolling that looks and feels really good.

1000 Logo Templates Bundle, Only $14! Ai & EPS Vector Formats, 6 Trendy Design Styles, Tons of Variations. Extended Commercial License!

1000 Logo Templates Bundle, Only $14! Ai & EPS Vector Formats, 6 Trendy Design Styles, Tons of Variations. Extended Commercial License!

Masonry is a pretty well-known JavaScript grid layout library. The idea behind it is to place elements (which could be pictures, links to other con...

Masonry is a pretty well-known JavaScript grid layout library. The idea behind it is to place elements (which could be pictures, links to other content or whatever you want) in their best possible position relative to each other. It provides a very pleasant, organized experience, providing the user with content boxes they can easily interact with.

jQuery-Mobile-960 is a port of the 960 Grid, designed to make the jQuery-mobile layout more adaptable, ultimately improving the viewing experience ...

jQuery-Mobile-960 is a port of the 960 Grid, designed to make the jQuery-mobile layout more adaptable, ultimately improving the viewing experience on portable devices. It does this by combining the ease of jQuery Mobile and the flexibility of 960.gs. To use 960 grids in jQuery Mobile, you just need to add one simple line of code, and then you can use the standard 960 grid syntax inside jQuery mobile pages.

Mosaic Flow enables you to create a responsive grid, similar to the one found at Pinterest. It is quite simple, just putting the images together wi...

Mosaic Flow enables you to create a responsive grid, similar to the one found at Pinterest. It is quite simple, just putting the images together with no decorations or gaps. The greatest part of this grid is its speed, images rearrange themselves immediately when changing the window size, a strong point for performance-obsessed devs.

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a l...

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a limited time!

MixItUp is a jQuery plugin that offers animated filtering and categorization of information. It is particularly useful for content that needs sorti...

MixItUp is a jQuery plugin that offers animated filtering and categorization of information. It is particularly useful for content that needs sorting like pictures, portfolios, galleries or blogs, showing only relevant content for a genre or class you specify. It can also serve as a valuable tool for engaging application UI and data visualization.

Nested is a fantastic jQuery plugin that allows the creation of gap-free grid layouts, recognizing the space available and organizing the elements ...

Nested is a fantastic jQuery plugin that allows the creation of gap-free grid layouts, recognizing the space available and organizing the elements inside of it. The final touch is the possibility to resize the last element in order to have a completely gap-free design.

The Wookmark jQuery plugin allows the organization of images in a neat, responsive grid. The plugin automatically recognizes the size of the window...

The Wookmark jQuery plugin allows the organization of images in a neat, responsive grid. The plugin automatically recognizes the size of the window and adjusts the images to fit on the screen. The tool will also try to arrange the elements in such a way that columns always tend to be the same height whenever possible, creating a harmonic appearance.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

Grid-A-Licious is a simple jQuery plugin designed to create responsive grids. The items on the grid float around instead of being locked to a speci...

Grid-A-Licious is a simple jQuery plugin designed to create responsive grids. The items on the grid float around instead of being locked to a specific position, which makes for a faster, better viewing experience. Used to be a Wordpress theme, but the developer has dropped support for it, bringing it back to just a plugin.

This simple jQuery plugin makes it possible to arrange images into a flexible, responsive grid, inspired by Tumblr's photoset feature. Aside from t...

This simple jQuery plugin makes it possible to arrange images into a flexible, responsive grid, inspired by Tumblr's photoset feature. Aside from the normal usage, you can set different options; for instance, adding a lightbox for high-resolution pictures.

Sara Soueidan has recreated these icon animations seen on Windows 8′s dashboard by taking advantage of the CSS3 3D transform property. These animat...

Sara Soueidan has recreated these icon animations seen on Windows 8′s dashboard by taking advantage of the CSS3 3D transform property. These animations make tiles slide in various directions, do flips, turns, color variations, half sliding and more. It uses beautiful flat icons and follows the famous Metro style from Microsoft.

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time

This simple jQuery plugin is used to evenly add horizontal spacing between items in a website, providing a responsive behavior to them. In the end,...

This simple jQuery plugin is used to evenly add horizontal spacing between items in a website, providing a responsive behavior to them. In the end, the tool intends to improve organization in the website and therefore, the user experience.

With Gridster, you can create dynamic grids that can be rearranged freely by simply moving the elements around, thanks to a drag and drop interface...

With Gridster, you can create dynamic grids that can be rearranged freely by simply moving the elements around, thanks to a drag and drop interface. This jQuery plugin also comes with many customization options, allowing you to easily resize, serialize, add widgets and much more.

Shapeshift allows the user to arrange a set of elements into a grid system comparable to the one found in Pinterest. Once you move an element throu...

Shapeshift allows the user to arrange a set of elements into a grid system comparable to the one found in Pinterest. Once you move an element through the drag and drop interface, it reorganizes the elements in a logical position every time an item is moved. Shapeshift is responsive and works on touch, with the help of the included jQuery UI Touch Punch.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

Backgrid is made up of multiple components designed for building data grid widgets that can be customized easily. The tool intends to provide all t...

Backgrid is made up of multiple components designed for building data grid widgets that can be customized easily. The tool intends to provide all the basic options with core Backbone UI elements and a refined API that makes extensibility simple. This results in greater possibilities for more complex projects.