muuri

ui-component responsive layout

muuriはレスポンシブで、ソート可能、フィルタリング可能、ドラッグ可能なレイアウトを作成できるJavaScriptライブラリです。このライブラリはユーザーがコンテンツを動的に配置し調整することができます。

Latest Ver 0.9.5
Homepage
Github
0
10,869
指先で展開する生命感。
ムーリはウェブページの要素を自由かつ柔軟に配置し、ユニークで活気あるインターフェースを創造します。
muuriはウェブページ上で要素を動的に配列し操作するためのレイアウトを作成を支援するライブラリです。
License: MIT
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');
⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。