jquery.isotope

ui-component layout animation

jquery.isotope is a jQuery plugin that provides magical layouts with capabilities for filtering and sorting elements based on user-defined criteria. It automatically organizes and filters elements, offering an interactive experience ideal for responsive web design.

Latest Ver 3.0.6

Homepage

Github

11,094

📢 jquery.isotope is a jQuery plugin for sorting and filtering elements within a web page.

CDN Download

License: GPL-3.0

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js

https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='container'>
  <div class='item'>Item 1</div>
  <div class='item'>Item 2</div>
  <div class='item'>Item 3</div>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>

⚙️ JavaScript
$(document).ready(function() {
  $('#container').isotope({
    itemSelector: '.item'
  });
});