Muuri | Responsive Web Design

Muuri

Muuri Responsive filterable grids
Muuri

Muuri, apparently Finnish for Wall, is a javascript plugin that will allow you to create a filterable, sortable, stackable responsive wall of stuff. This little plugin is what you would get if you combined Masonry, Isotope, Packery and jQuery UI Sortable.

Although these days we have pretty flexible grids out of the box with regular ol’ HTML and CSS through the use of CSS Grids and Flexbox, there are still occasions we want these to be interactive and allow for filtering, stacking or the moving of objects from one place to another (think of Trello or another Kanban board for example). That is where the Muuri Plugin comes into its own.

There are a few dependencies for the touch and animation capabilities which require both hammer.js and velocity.js┬áso if you’re going to be using this I’d recommend asyncing these files in concatenating them together during the build process.

  • Resource Name

    Muuri

  • Resource Creator

    Haltu Oy

Description

Responsive, sortable, filterable and draggable grid layouts

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.