Best jQuery Filter Plugins & Tutorials with Demo

    Natural Gallery : A Natual Layout List Gallery

    Natural Gallery : A Natual Layout List Gallery

    Natural-Gallery is a lazy load, infinite scroll and natural layout list gallery.

    UniFilter : Multipurpose jQuery Plugin for Filtering, Sorting & Searching

    UniFilter : Multipurpose jQuery Plugin for Filtering, Sorting & Searching

    UniFilter plugin was created to make filtering, searching and sorting in any list of items as simple as possible. UniFilter allows to use filters, range sliders, sort & search boxes together or you can use them separately. For instance, you may want to add a single search box for a small photo gallery or five filters for your online shop.

    Finally UniFilter provides four pure CSS3 animation effects to show/hide items and is compatible with Masonry jQuery plugin

    Muuri : Filterable & Draggable Grid Layouts with JavaScript

    Muuri : Filterable & Draggable Grid Layouts with JavaScript

    Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that’s a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable.

    sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

    sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

    sdFilterMe  is a simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

    Nozzle : jQuery Data Filtering and Manipulation

    Nozzle : jQuery Data Filtering and Manipulation

    Nozzle is a simple data filtering and manipulation library in jQuery.

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    filterjitsu.js : jQuery plugin to Filter DOM Elements

    Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.

    There are many ways to filter data on the backend before serving it to the client. Filterjitsu is specifically meant to be used on cached HTML pages served from a CDN, relieving filtering from the backend and allowing for fast page loads.

    Filterizr : jQuery Stunning Filterable Gallery

    Filterizr : jQuery Stunning Filterable Gallery

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

    Features:

    • Pluggable look & feel (write your CSS effects in the box on the right and hit Filterize!)
    • Performant — optimized for smooth experience on mobile devices
    • Lightweight — around 8.5kb, jQuery is its only dependency
    • Responsive — with your Media Queries (resize the window!)
    • Open source

    jQuery Animated Search Filter

    jQuery Animated Search Filter

    Animated search filter jQuery plugin for the list items.

    jQuery.profanityFilter : A client-side profanity filter

    jQuery.profanityFilter : A client-side profanity filter

    The jQuery.profanity.Filter is a simple client-side profanity filter. It includes a few options, including replacing words with asterisks, pound signs, or random words from a defined list.

    Filters : jQuery Search Filters Plugin

    Filters : jQuery Search Filters Plugin

    Jquery Filters is a plugin to easily create search filters for your backoffice.