Responsive, sortable, filterable and draggable grid layoutsMIT licenseBrowser support: IE9+Grab it and grid it!

Grid Demo

Kanban Demo

To do
Item #1
Item #2
Item #3
Item #4
Item #5
Item #6
Item #7
Item #8
Item #9
Item #10
Item #11
Item #12
Item #13
Item #14
Item #15



What does it do?

Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that's a lot of features in one library, but we tried to make it as tiny as possible. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sortable.

What's up with the name Muuri?

Muuri is Finnish meaning a wall.

Is it ready for production usage?

Yes! Muuri has plentiful of unit tests and has been maturing quite some time now. It's as ready as it will ever be :)


This project owes much to David DeSandro's Masonry, Packery and Isotope libraries. You should go ahead and check them out right now if you haven't yet. Thanks Dave!

Jukka Jylänki's research A Thousand Ways to Pack the Bin came in handy when building Muuri's layout algorithms. Thanks Jukka!

Big thanks to the people behind Web Animations polyfill and Hammer.js for providing such awesome libraries. Muuri would be much less cool without animations and dragging (Muuri's internal drag system was originally built on Hammer.js)

Haltu Oy was responsible for initiating this project in the first place and funded the intial development. Thanks Haltu!

Created and maintained by Niklas Rämö