Lightweight alternative to isotope.js

Question

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

Hmmm, what your describing, adding/removing elements, is the filtering "stuff" of isotope, so I'm not sure how you don't need it. — Macsupport, Jan 08 '15 at 02:31

giotiskl · Answer 1 · 2019-07-06T09:56:10.183

34

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.

edited Jul 06 '19 at 09:56

answered Mar 07 '16 at 12:24

giotiskl

501
4
8

Its really nice and lightweight . – Vikas Kapadiya Nov 23 '16 at 15:25
Great job! I'll try it since I have the same requirements that guided your development. – Douglas Gandini Mar 31 '17 at 13:23
Awesome plugin can i use it with masonry ? – Husain Ahmmed Jan 08 '19 at 05:19

score 7 · Answer 2 · answered Nov 09 '15 at 16:48

7

In case someone is still looking check out Shuffle.js. It is responsive alongwith MIT license.

answered Nov 09 '15 at 16:48

Maverick

921
9
12

score 7 · Answer 3 · answered Jun 24 '18 at 05:40

I also searching that have extensive filter with animation:

Muuri - Open Source MIT (Seem Fast and Good)

MixitUp - High Quality Commercial Library (Extreme Polished)

Other open source either do not have both feature, or optional extensible, Good if you need fast animation only like Macy.js, gridfolio, Tympanus CSS (+ equal included, - equal excluded):

Macy.js: Animation +, Filtering - (Very lack of documentation of css transition)
gridfolio: Animation+, Filtering -
Mansory: Animation +, Filtering - - (but maybe with https://github.com/dynamick/multiple-filter-masonry)
Filtrify: Animation - , Filtering +
Tympanus CSS Tutorial: Animation +, Filtering -
Boardz.css: Animation -, Filtering - (Notable for mention as HQ CSS only Library)
jquery Woodmark: Animation +, Filtering - (Polished Demo)

cowcowmoomoo · Answer 4 · 2015-01-13T11:33:32.387

6

Seems like you're looking for jQuery Masonry.

In general Isotope is pretty slick for most cases, all depending on the amount of content you throw at it of course.

The reason behind the clunkyness might be jQuery itself. While jQuery is an amazing selector, it's animation and speed of manipulation is lacking a bit because of the sheer amount of functionality included in the lib.

edited Jan 13 '15 at 11:33

answered Jan 09 '15 at 14:50

cowcowmoomoo

487
2
10

Isotope is using Mansonry as backend. It seems to be from the same author. – Tombart Mar 15 '15 at 22:17
@Tombart Yes. But Masonry is the lightweight alternative to using the complete Isotope package. As long as you don't need filtering and animations, Masonry alone will do the trick. – cowcowmoomoo Mar 16 '15 at 14:51

score 3 · Answer 5 · answered Mar 17 '15 at 06:10

3

im using jquery Quicksand which is pretty neat and straight forward http://razorjack.net/quicksand/

answered Mar 17 '15 at 06:10

Adal arasu

41
1

score 0 · Answer 6 · answered Apr 27 '21 at 05:41

I have also found some alternative of isotope masonry gallery

https://www.wix.com/app-market/wix-pro-gallery

https://github.com/wix/pro-gallery

            ---------------OR---------------

Image Photo Gallery Final Tiles Grid (Wordpress plugin)

Meow Gallery (+ Gallery Block) (Wordpress plugin)

Lightweight alternative to isotope.js

6 Answers6