Best jQuery Filter Plugins & Tutorials with Demo

    Smart Cart : Feature rich jQuery plugin for Shopping Cart

    Smart Cart : Feature rich jQuery plugin for Shopping Cart

    Smart Cart is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in design, very easy to implement and only minimal HTML required.

    The selected items in the cart are accessible as an array of product/quantity pair delimited with ‘|’ on submit form or when checkout event is triggered. Smart Cart 2 have a simple and compact design with tabbed interface to saves space.

    Features (Smart Cart 2.0):

    • Easy to implement, minimal HTML required
    • Clean and compact design, tabbed design saves space
    • Product search and Category filter enables easy and fast access to the product what users are looking for
    • Automatically calculates subtotal and total
    • Quantity is editable from the cart list
    • Event support, custom Ajax feature and validation can easily implement using the events
    • Product Image display and expanded tool tip display
    • Can implement multiple cart on same page
    • Template option, for easily customizing product display details
    • Pre-populate products on cart on page load

    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

    Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

    jQuery Animated Filter gallery : Filters

    jQuery Animated Filter gallery : Filters

    Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that.

    How to build a fast, simple list filter with jQuery

    How to build a fast, simple list filter with jQuery

    Sometimes you want users of your web-app to quickly filter a list down. For example, a web-app I’m currently working on features a page listing two dozen countries, and I want users to find the country they are looking for as fast as possible. This article shows you how little code is needed to add this in a fast, progressively-enhanced way using jQuery.

    jPList : jQuery List Handling plugin

    jQuery List Handling plugin

    jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.

    • Works with any content (tables, lists, div elements)
    • Seo friendly
    • Paging
    • Filtering
    • Ascending or descending sorting
    • Alphabetical or numerical sorting
    • Sorting, paging and filtering state can be saved in cookies.

    jQuery ListNav Plugin

    jQuery ListNav Plugin

    This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter.

    PicNet Table Filter

    This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

    Quicksand filtering items jQuery plugin

    Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

    * Using basic HTML, such as an unordered list
    * Downloading data with Ajax calls
    * HTML items to change with JavaScript

    jQuery list filtering

    jQuery list filtering

    Here’s a clever little script that’s certainly useful if you want to give users the functionality to refine search results or filter product results. If you had a list of films with long titles this would be a quick and easy way to filter through the results.