Skip to content
Beautiful advanced tag filtering with HTML5 and jQuery
Branch: master
Clone or download
Latest commit 35d49a8 Apr 21, 2013
Type Name Latest commit message Commit time
Failed to load latest commit information.
css v0.2 - Isotope integration, search icon bug fix Apr 4, 2012
font adding the website to master Mar 20, 2012
img Full project website Mar 22, 2012
js jPages v0.5 May 6, 2012 README and LICENSE Mar 20, 2012 README Apr 28, 2012
block.html Last modifications Mar 27, 2012
close.html Last modifications Mar 27, 2012
highlight.html Last modifications Mar 27, 2012
index.html Update index.html Apr 21, 2013
isotope.html Isotope integration Apr 5, 2012
jpages.html Last modifications Mar 27, 2012
legend.html Last modifications Mar 27, 2012
movies.html Last modifications Mar 27, 2012
music.html Last modifications Mar 27, 2012
query.html Last modifications Mar 27, 2012
reset.html Last modifications Mar 27, 2012
trigger.html Last modifications Mar 27, 2012



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.


Filtrify makes use of the new HTML5 "data" attribute to store the metadata.
All you have to do is include a "data" attribute for each item in your list with the respective tags (metadata). If you have more than one category of tags, include them in another "data" attribute. You can add as much categories of tags as you need.
Filtrify will then go through all the data attributes you included in your items and it will create a search menu with as many fields as the different number of categories (data-attributes) you provided. Each field label in the menu fires a "popup" filtering panel and there's where all the magic happens.
The plugin instanciation is very simple, you just have to pass a "containerID" and a "placeHolderID" which is the ID of the element where you want to place the menu.

Visit filtrify's project page to read the documentation.


Browser compatibility (tested):

IE7 (buggy)
IE8+, Chrome, Firefox, Opera and Safari (current versions)

Release log:

#####v0.2 (04.04.2012)

  • Isotope integration demo added
  • Bug fix: search icon disappearance issue in the "jPages" demo

#####v0.1.1 (01.04.2012)

  • Bug fix: 1px jump when toggling the filter

#####v0.1 (22.03.2012)

  • First release
You can’t perform that action at this time.