Isotope: An exquisite jQuery plugin for magical layouts


Commercial Licensing

Isotope may be used in commercial projects and applications with the one-time purchase of a commercial license. Read more about Isotope commercial licensing.

Buy Developer License - $25.00 Buy Organization License - $90.00

Purchasing accepts most credit cards and takes seconds. Once purchased, you’ll receive a commercial license PDF and you will be all set to use Isotope in your commercial applications.

For non-commercial, personal, or open source projects and applications, you may use Isotope under the terms of the MIT License. You may use Isotope for free.

Purchase via PayPal

If you’re having trouble using a credit card, try purchasing a license via PayPal:

Getting started

Isotope requires jQuery 1.4.3 and greater.


Isotope works on a container element with a group of similar child items.


See Demo: Basic

There are a number of options you can specify. Within the options is where you can set the layout mode, filter items, and sort items.

Additionally you can specify a callback after the options object. This function will be triggered after the animation has completed.

Within this callback this refers to the container, and $items refers to the item elements. Both of these are jQuery objects and do not need to be put in jQuery wrappers.


Add these styles to your CSS for filtering, animation with CSS transitions, and adding items.

Code repository

This project lives on GitHub at There you can grab the latest code and follow development.

A word about moderation

Isotope enables a wealth of functionality. But just because you can take advantage of its numerous features together, doesn’t mean you necessarily should. For each each feature you implement with Isotope, consider the benefit gained by users, at the cost of another level of complexity to your interface.