Muuri

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
Working
Item #6
Item #7
Item #8
Item #9
Item #10
Done
Item #11
Item #12
Item #13
Item #14
Item #15

Features

About

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 jQuery UI sortable.

What's up with the name Muuri?

Muuri is Finnish meaning a wall.

Can I use it in production?

Muuri is currently under active development and might be still a bit rough on the edges so production use is not recommended just yet. But when did that ever stop you ;)

Credits

This project owes much to David DeSandro's Masonry and Packery 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 Velocity.js and Hammer.js for providing such awesome libraries. Muuri would be much less cool without animations and dragging.

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ö