MixItUp3の基礎的な設置方法

ソートをアニメーションで楽しく動かすMixItUp3
https://www.kunkalabs.com/mixitup/

オプションが豊富で様々な面白い動きができるんですが、まず基礎的な設置方法がよくわからなかったので、基礎的な設置だけ載せておきます。

HTMLに記述

「category-a」「category-b」とかがカテゴリ名になります。
そのまんま書いてますので、リストタグにしてもいいと思いますが。

ボタンを設置

ボタン群を先ほどの記述した上に追加記述。

jsを読み込み

GitHubに圧縮ファイルがあるので、そこからDL
その中の「dist」フォルダにある「mixitup.min.js」を任意の場所に設置。

読み込ませた下に追記します。</body>の直前に。

これせ動くはずなので、装飾はご自由に。