muuri

ui-component responsive layout

Muuri is a JavaScript library that allows for creating responsive, sortable, filterable, and draggable layouts. It provides dynamic ways to arrange and manipulate content interactively.

Latest Ver 0.9.5

Homepage

Github

10,869

Unfolding vitality at your fingertips.

Muuri arranges elements on your webpage freely and flexibly, creating a unique and vibrant interface.

Muuri is a library that supports creating dynamic layouts for arranging and manipulating elements on web pages.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/muuri/0.9.5/muuri.js

https://cdnjs.cloudflare.com/ajax/libs/muuri/0.9.5/muuri.min.js

https://cdnjs.cloudflare.com/ajax/libs/muuri/0.9.5/muuri.module.js

https://cdnjs.cloudflare.com/ajax/libs/muuri/0.9.5/muuri.module.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='grid'>
  <div class='item'>Item 1</div>
  <div class='item'>Item 2</div>
  <div class='item'>Item 3</div>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/muuri/0.9.3/muuri.min.js"></script>

⚙️ JavaScript
var grid = new Muuri('#grid');