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)