glen-cheney/Shuffle

Categorize, sort, and filter a responsive grid of items

TypeScript

2,375

530 commits

updated Oct 8, 2026

shuffle.js.org

See the code

README

Shuffle

Categorize, sort, and filter a responsive grid of items.

npm install shufflejs

Docs and Demos

All found here

Usage

import Shuffle from 'shufflejs';

const shuffleInstance = new Shuffle(document.getElementById('grid'), {
  itemSelector: '.js-item',
  sizer: '.js-shuffle-sizer',
});

Inspiration

This project was inspired by Isotope and Packery.

filter

grid

layout

masonry

responsive

sort

Significant stargazers

David DeSandro

6,027 followers · starred May 2016

Florian Verdonck

148 followers · starred Aug 2016

ADmad

426 followers · starred Apr 2024

Nate Meyer

68 followers · starred Jan 2016

Similar repos

metafizzy/isotope

💞 Filter & sort magical layouts

11,091

haltu/muuri

Infinite responsive, sortable, filterable and draggable layouts

10,937

desandro/masonry

🏩 Cascading grid layout plugin

16,695

patrickkunka/mixitup

A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and…

4,525

metafizzy/packery

🍱 Gapless, draggable grid layouts

4,319

e-oj/Magic-Grid

A simple, lightweight Javascript library for dynamic grid layouts.

3,150

miromannino/Justified-Gallery

Javascript library to help creating high quality justified galleries of images. Used by thousands…

1,745

lukasoppermann/html5sortable

VanillaJS sortable lists and grids using native HTML5 drag and drop API.

1,644