Filterizr - CSS3を使ったデータのフィルタリング、ソートライブラリ // MOONGIFT Archived

Web上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。

Filterizrの使い方

利用例です。カテゴリごとにデータが絞り込まれて表示されています。

カテゴリを変更するとデータが変わったり、並び順を変更できます。

ツリーデータにも使えます。

Filterizrはアニメーション部分にCSS3を用いているのでスムーズにアニメーションされます。jQueryとの連携もできるので、手軽に使えそうです。情報の絞り込み表示などで役立つことでしょう。

FilterizrはTypeScript製のオープンソース・ソフトウェア（MIT License）です。