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 dc0fe37e18 Revert "transition everything". That threw off calculations on resize. Now infer things to transition from the css object map.		7 years ago
.github	Add issue template	7 years ago
_data	Add react demo. Add `resetItems()` method.	7 years ago
_includes	Avoid requirement for scale properties being different.	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	Revert "transition everything".	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	Revert "transition everything".	7 years ago
test	Add typings file.	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.d.ts	Avoid requirement for scale properties being different.	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	Avoid animating new items' position during `add`.	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.