15 JavaScript Libraries For Sorting & Filtering DOM Elements

If your pages contain a lot of data and you are looking for Javascript solution for sorting, and filtering then here are 15 JavaScript Libraries For Sorting and Filtering DOM Elements that will help your users to find the content they are looking for.

Magnet

This is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts.

Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts

List.js

Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

List.js

Muuri

This is a JavaScript layout engine that allows you to build all kinds of layouts and make them responsive, sortable, filterable, draggable and/or animated. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and Sortable.

Muuri

MixItUp 3

It is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.

MixItUp 3

Shuffle

Categorize, sort, and filter a responsive grid of items.

Shuffle

React Absolute Grid

Sortable, filterable, zoomable, ReactJS grid component using an absolute transform3d layout for React.

React Absolute Grid

Filter.js

This is client-side JSON objects filter which can render html elements. Multiple filter criteria can be specified and used in conjunction with each other.

Filter.js

Filterizr

This is a jQuery plugin that searches, sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

Filterizr

WATable

A jQuery table plugin with sorting, paging, filtering.

WATable

jQuery ListNav Plugin

It will add a slick “letter-based” navigation bar to all of your lists. Click a letter to quickly filter the list to show items that match that letter.

jQuery ListNav Plugin

Isotope

It is an awesome jQuery plugin. One of the things I like most about Isotope is how customizable it is. It`s well documented and it can do almost anything you can think of like extending it with infinite scroll and use custom layout modes.

Isotope

jPList

It is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure.

jPList

Blueprint

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.

Blueprint

Sortable

This is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices.

Sortable

Sortboard

This is small library for sorting and filtering HTML elements which uses CSS3 matrix() and scale() transform functions. It supports RegEx filters and it’s responsive by default.

Sortboard

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.