Advertise here

Grid & Layout

Split Layout

October 26, 2013     8845     CSS3 & CSS Grid & Layout
Split Layout

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.

Read More »

jqGrid – jQuery Grid Plugin

October 20, 2013     10814     Grid & Layout Ajax
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 »

Wallpaper – jQuery Plugin for Element Filling Backgrounds

October 15, 2013     2286     Responsive Grid & Layout
Wallpaper –  jQuery Plugin for Element Filling Backgrounds

Wallpaper is a jQuery plugin for smooth-scaling, element-filling backgrounds. A really simple way to add element-filling background images.

Read More »

FreeWall – Dynamic Grid Layout Without Gaps

September 17, 2013     25469     Grid & Layout Responsive CSS3 & CSS
FreeWall – Dynamic Grid Layout Without Gaps

Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet

Freewall allows you to create many types of grid layout (flexible layout, images layout, pinterest-like layout, etc) with nice CSS3 animation effects and call back events.

Read More »

Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

September 02, 2013     14114     Grid & Layout
Salvattore – jQuery Masonry Alternative with CSS-Driven Configuration

Salvattore is a jQuery Masonry alternative with CSS-driven configuration.

It creates HTML elements depending on the number of columns you specify. Each of the items of your container is placed on these columns by turn. To get started simply add a data-columns attribute to the container.

Read More »

Shuffle – Sort and Filter a Responsive Grid of Items

July 13, 2013     34488     Grid & Layout Responsive
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     19024     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 »

jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

June 25, 2013     17272     Grid & Layout
jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

jQuery.waterfall is jQuery plugin for Pinterest like waterfall layout. It’s lightweight version of fluid columns masonry layout of isotope. It's fast, tiny, reliable and free alternative to isotope masonry column shift layout.

Read More »

Gridly – jQuery Plugin to Enable Drag & Drop on Grids

June 24, 2013     30094     Grid & Layout Drag & Drop
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 »

Mason.js – jQuery Plugin to Create Grid Layout

June 17, 2013     22228     Grid & Layout
Mason.js – jQuery Plugin to Create Grid Layout

Mason was created to solve a problem with most grid system currently available. Gaps. When using MasonryIsotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.

Built on the idea of true masonry when a grid is constructed there are bound to be holes, so Mason calculates where those holes are fills them in.

Read More »

CollagePlus – Image Gallery Plugin for jQuery

June 05, 2013     23667     Grid & Layout Responsive Gallery
CollagePlus – Image Gallery Plugin for jQuery

CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Read More »

Waterfall – jQuery Plugin for Pinterest Like Layout

May 27, 2013     27771     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     8162     Grid & Layout Responsive
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     22583     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     7154     Grid & Layout Scroll
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 »

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