Crazy And Clever Layout with Packery JS Layout Library

Crazy And Clever Layout with Packery JS Layout Library

Crazy And Clever Layout with Packery JS Layout Library

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

Packery creates different types of dynamic grid layouts easily. Previously, we have introduced quite a few dynamic grid solutions and how to use it creatively.

Packery is free for non-commercial, personal or open source projects and applications whereas one-time purchase of a commercial license is required is it's used in commercial projects and applications.


  • Standard options to set columns and gutter.
  • Stamped elements (like a sticky note)
  • Many built-in methods to manipulate the layout. (addItems, destroy, fit, remove, stamp, unstamp, get Item.......)
  • Call events (DragItemPositioned, fitComplete, layoutComplete and remove Complete)
  • Draggable


More Details

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

1 comment

Nizar Ben Rachid
Fri, 10th May 2013
so creative and so smarty people behind this plugin : fully documented and rich api ; in one word : a very respectable work !

... and if u are looking for a free developer license (if I'm not mistaken) i share with you this link :
another good alternative with some similarities and features and u can extend it with some events ...

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!