Crazy And Clever Layout with Packery JS Layout Library

Written by Kevin Liew on 10 May 2013
44,477 Views • Javascript

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



Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
Nizar Ben Rachid 11 years ago
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 ...