Best jQuery Filter Plugins & Tutorials with Demo

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.

Tagsort : jQuery Filtering plugin

Tagsort : jQuery Filtering plugin

A jQuery that uses HTML5 data attributes to dynamically create interactive tags that can be used to filter and sort a set of tagged elements.

Filterable Product Grid with jQuery & CSS3

Filterable Product Grid with jQuery & CSS3

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.

Evolutility.js : Web UI Library for Tables & Forms

Evolutility.js : Web UI Library for Tables & Forms

Evolutility provides a set of generic Backbone Views to browse, edit, filter, export and chart Backbone models and collections of different structures. With it you configure views with metadata instead of hand-coding templates, Javascript and CSS.

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter is a control for jPList, an open source library for sorting, filtering and pagination. It allows filtering of any HTML structure (DIVs, UL/LI, Tables etc.) by the given jQuery path and uses a standard Bootstrap dropdown component for layout.

Features:

  • Filter any HTML structure by jQuery path
  • Supports local storage and cookies
  • Supports deep links
  • Fully customizable styles

Filtered image gallery with Fancybox & jQuery

Filtered image gallery with Fancybox & jQuery

Create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox.

Content Filter with CSS3 & jQuery

Content Filter with CSS3 & jQuery

A slide-in filter panel powered by CSS and jQuery.A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.

WATable : jQuery Table plugin with Sorting, Paging, Filtering

WATable : jQuery Table plugin with Sorting, Paging, Filtering

A swiss army jQuery table plugin with filter, format, paginate and sort your data with ease and lightning speed.

princeFilter : jQuery Plugin for filtering table-data

princeFilter : jQuery Plugin for filtering table-data

JQuery plugin for filtering table-data. Use the following operands to filter your table-data: ‘equlas’, ‘not-equals’, ‘like’, ‘starts with’, ‘ends with’, ‘less than’, ‘greater than’, ‘true’ or ‘false’ (for cells that contain checkboxes)