Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Lightweight alternative to isotope.js [closed]

I'm using isotope.js purely because of its animations for adding/removing elements.

I love the effect of items animating to fill the position of removed elements simultaneously as the removed elements fade out.

The thing is, my grid elements are all of a fixed and equal size, and I don't need any of the filtering stuff. I find isotope to be a little clunky, maybe because of the breadth of its functionality.

So I'm looking for an alternative which is:

  • lightweight
  • slick
  • robust and production ready
  • able to gracefully degrade
like image 424
eye_mew Avatar asked Jan 07 '15 15:01

eye_mew


1 Answers

Original answer

If someone is still looking you might also want to take a look into a similar jQuery plugin I've written, Filterizr. Filterizr is:

  • Allows for filtering, sorting, shuffling and searching
  • Highly customizable (allows users to write their own CSS effects for the transitions when filtering in and out)
  • Uses CSS3 transitions and transform-translate.
  • Lightweight, ~20kb
  • Optimized for mobile performance
  • Responsive (with your media queries)
  • Open source and MIT licensed

Download links, tutorials and docs on the Filterizr Website


Update 06/2019:

Filterizr has come a long way since then.

It is now written in TypeScript JavaScript and can be used without jQuery as a vanilla JavaScript library.

It still allows usage as a jQuery plugin though, you can still consult the Filterizr website as it's up-to-date.

like image 56
giotiskl Avatar answered Oct 14 '22 22:10

giotiskl