Download
Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout. If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Isotope under the terms of the GPLv3.
Features
- Initialize with Vanilla JavaScript
- Set the layout mode used to position items
- Set item positions in percent values, rather than pixel values
- Sizing options can be set with an element, the size of the element is then used as the value of the option
- Element sizing options allow you to control the sizing of the Isotope layout
- Isotope will layout items around stamped elements
Project Samples
