Best jQuery Filter Plugins & Tutorials with Demo

Isotope SearchFilter jQuery Plugin

Isotope SearchFilter jQuery Plugin

This is a jQuery plugin that combines internal page search functionality with the Isotope plugin

instaFilta : jQuery Plugin for performing In-page Filtering

instaFilta : jQuery Plugin for performing In-page Filtering

instaFilta  is a jQuery plugin for performing in-page filtering.Imagine that you have a web page displaying a huge list of data. It might be hard for the user to scan through all that data to find the thing he/she is interested in. instaFilta is a jQuery plugin that uses the input of a text field to perform in-page filtering, hiding non-matching items as the user types. Optionally, it can also filter out complete sections (groups of items) if there are no matching items in that section.

Magnet – jQuery plugin for filterable layouts

Magnet - jQuery plugin for filterable layouts

Magnet is a jQuery plugin to create filterable layouts. Developed to be as simple as possible, Magnet is easy to initialize and to set up. All completed with extensive documentation with code snippets and examples.

MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

MixItUp is a jQuery plugin providing animated filtering and sorting.

MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem!

bootFolio – jQuery Most Lightweight Portfolio Filtering

bootFolio - jQuery Most Lightweight Portfolio Filtering

bootFolio is the most lightweight (1.59KB) portfolio filtering jQuery script with css3 animation. it is highly optimize for bootstrap, and very easy to use.

Features:

  • World most lightweight script for portfolio filtering (1.59KB)
  • Pure CSS3 transition, transform and animation
  • PrettyPhoto integrations
  • Very easy to use
  • Highly optimize for/with Bootstrap
  • Responsive/fluid/elastic supported

Treelistfilter : jQuery plugin support filtering on Hirerarchy Tree

Treelistfilter : jQuery plugin support filtering on Hirerarchy tree

Simple jQuery plugin to support filtering hierarchy tree which is created by unordered list (<ul>) or ordered list (<ol>). With specified input element (<input>), only list item, which contains the typed text, and its parents will be displayed.

jQuery ListNav Plugin

jQuery ListNav Plugin

Add a slick “letter-based” navigation bar to all of your lists. Click a letter to quicky filter the list to items that match that letter. I fixed it so that its compatible with jQuery 1.4.X Original plugin by iHWY.

DYSANIA – jQuery Responsive WordPress Grid Gallery Plugin

DYSANIA - jQuery Responsive Wordpress Grid Gallery Plugin
  • Fully Responsive Layout
  • Valid HTML5 – CSS3 – Jquery
  • Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
  • Easy to use, user friendly admin panel
  • Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
  • Photo,video and link gallery item types are available
  • 6 different colorbox style
  • 1,2,3,4,5 column layout options
  • Fits all themes
  • Grid combination
  • 4 different thumbnail resolution option
  • Gallery shortcode generator
  • Custom widget
  • And much more…

Multifilter : jQuery Plugin to Sort a table on Multiple inputs

Multifilter : jQuery Plugin to Sort a table on Multiple inputs

Multifilter is a jQuery plugin to let you filter a table based on multiple inputs.Check it out below demo.It’s pretty sweet.

jQuery Amazing Portfolio – WordPress Plugin

jQuery Amazing Portfolio - WordPress Plugin

Features:

  • Create Fully responsive portfolios
  • Control the number of columns for various screen resolutions and widths.
  • 25 unique and creative theme effects (More coming soon)
  • Unlimited colors and style.
  • Manage Unlimited Portfolios.
  • Control cross browsers CSS effects of various elements like borders, backgrounds, fonts, paddings, margins, alignments, colors, shadow etc.
  • Based on powerful Mixitup plugin
  • Images, video and audio support for portfolios
  • Fully customizable CSS and Style settings. Possible to customize or redesign all parts of portfolio from panel.
  • Responsive lightbox supports any media type like audio, video, external video, images, embeded codes and HTML codes.
  • Auto detect media in lightbox and keyboard support navigation
  • Control animation easing, animation effects and animation speed
  • Filterable portfolio with controllable animations.
  • 25 brilliant inbuilt demos
  • Create Audio file or Video file portfolio using default browser players