Home / Layout / FreeWall - Creating dynamic grid layouts

FreeWall - Creating dynamic grid layouts

  • Overview
  • Documents
  • Demos
User Rating: 4.4/5 ( 2 votes)
Your Rating:

Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts ... with nice CSS3 animation effects and call back events. Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile and tablet.


  • Draggable support
  • Direction support
  • Custom plugin
  • Responsive grid
  • Gaps control
  • Filter items
  • CSS3 animation (js fallback)
  • Nested grid
  • Images grid/layout
  • Fit container
  • Vertical grid/layout
  • Horizontal grid/layout
  • Window 8 metro style
  • Pinterest like grid/layout

How it works

Based on the width (or height) of a container and the width (height) of a cell unit, It will create a virtual matrix. Scaning the matrix at each cell will find a free cell around to made a free area, then try to fit a block element into it. In case no block can fit the gap, it will resize the block to fill the gap (that is one of the options).

Source: vnjs.net

Scroll To Top