WebAppers

/ best free open source web resources /

Shopify

Pinterest-like Layout Plugin without Fixed Column Width

Posted · Category: BSD License, Framework

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.

Freetile is inspired by similar, existing efforts such as Masonry, vGrid and Wookmark. However, it differs from these solutions in some aspects: It allows for any size of elements to be packed without using a fixed-size column grid, so you don’t have to worry about specifying a column width appropriate to the size of your elements.

A smart animation routine allows distinguishing between elements that is meaningful to be animated and ones that are not (e.g. elements that have been just added to the arrangement, or those that are not visible). Special classes allow for explicitly limiting animation to select elements.

freetile

Requirements: jQuery framework
Demo: http://yconst.com/web/freetile/
License: BSD License

2 Comments
  • http://twitter.com/HarjManhas Harj Manhas

    Very nice!

  • http://twitter.com/HarjManhas Harj Manhas

    Very nice!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons