muuri

ui-component responsive layout

muuri는 반응형, 정렬 가능, 필터링 가능하며 드래그 앤 드롭을 통해 조작할 수 있는 레이아웃을 생성할 수 있는 자바스크립트 라이브러리입니다. 이 라이브러리는 사용자가 동적으로 콘텐츠를 배치하고 조정할 수 있게 해줍니다.

Latest Ver 0.9.5

Homepage

Github

10,869

생동감을 손끝으로 펼치다.

무아리는 웹페이지의 요소들을 자유롭고 유연하게 배치하여, 독특하고 생동감 있는 인터페이스를 창조합니다.

muuri는 웹 페이지에서 동적으로 요소들을 배열하고 조작할 수 있는 레이아웃 생성을 지원하는 라이브러리입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 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');