Lightweight alternative to isotope.js
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
Answer
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.