You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Go to file

Glen Cheney d08e1e3e9d Add `isCentered` option, which mostly works.		7 years ago
.github	Add issue template	7 years ago
_data	Add react demo. Add `resetItems()` method.	7 years ago
_includes	Add react demo. Add `resetItems()` method.	7 years ago
_layouts	Run `layout` on page load. #147	7 years ago
_posts	Add links to demo source for a few demos.	7 years ago
_scss	fix transition delay not being applied correct	8 years ago
css	Add react demo. Add `resetItems()` method.	7 years ago
dist	Add `isCentered` option, which mostly works.	7 years ago
gulp	Use TinyEmitter, expect ES6 environment. Change global export to `Shuffle`.	7 years ago
img	Add react demo. Add `resetItems()` method.	7 years ago
js	Add react demo. Add `resetItems()` method.	7 years ago
src	Add `isCentered` option, which mostly works.	7 years ago
test	Add react demo. Add `resetItems()` method.	7 years ago
.babelrc	Replace webpack with rollup (#138 )	7 years ago
.editorconfig	Add .editorconfig file. Save all files again to be consistent.	11 years ago
.eslintignore	Replace JSHint and JSCS with ESLint	7 years ago
.eslintrc.js	Replace JSHint and JSCS with ESLint	7 years ago
.gitignore	Remove lockfile.	7 years ago
.travis.yml	Drop node 4 from Travis build matrix	7 years ago
CONTRIBUTING.md	Update CONTRIBUTING.md	7 years ago
LICENSE	Update license	7 years ago
README.md	Add ES6/7 env note. Remove references to bower.	7 years ago
_config.yml	Add ES6/7 env note. Remove references to bower.	7 years ago
_config_dev.yml	Update docs	8 years ago
favicon.png	Added favicon. Added description and image to each page for open graph and twitter cards.	11 years ago
gulpfile.js	Replace JSHint and JSCS with ESLint	7 years ago
index.html	Use `aria-hidden` attribute. Make methods that use transforms `protected` so people can override them to support old browsers.	7 years ago
package.json	Add react demo. Add `resetItems()` method.	7 years ago

README.md

Shuffle

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

npm install shufflejs

Docs and Demos

All found here

Usage (with ES6)

import Shuffle from 'shufflejs';

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

Inspiration

This project was inspired by Isotope and Packery.