Best jQuery Filter Plugins & Tutorials with Demo

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.

Swift Filter : jQuery Content Filter

Swift Filter : jQuery Content Filter

Swift Filter is a jQuery plugin, what helps you to make custom search fields which can filter/search in your site content.

It is a great solution to filter any content on your page, search in your FAQ, your portfolio, your products without any back-end programming.

Portfilter : jQuery Portfolio Filter for Bootstrap

Portfilter : jQuery Portfolio Filter for Bootstrap

Portfilter is a very lightweight portfolio filter for Bootstrap.



Best jQuery websites design awards