--- layout: default title: Shuffle.js bodyClass: home extraJS: [ "demos/homepage.js" ] includeHeader: true prism: true ---

Downloads

Example

Filter:

Sort:

{% for item in site.items %} {% assign item = item %} {% include picture-item.html %} {% endfor %}

Demos

{% include demo-list.html %}

{% include features.html %}

{% include options.html %}

{% include usage.html %}

{% include events.html %}

{% include sorting.html %}

{% include advanced-filters.html %}

{% include adding-removing.html %}

Extra Features

Shuffle likely will not grow much farther than the current feature set. If you need something with drag and drop, filling in gaps, more layout modes, etc., I suggest looking into packery or isotope.

Dependencies

jQuery 1.9+
Modernizr
- In case you aren't already using Modernizr, there is a Shuffle.js build which includes Modernizr.
- Shuffle relies on Modernizr.csstransitions, Modernizr.csstransforms, Modernizr.csstransforms3d, and Modernizr.prefixed.

Supported Browsers

Chrome
Firefox
IE 7+
Opera
Safari

Browsers that don't support CSS transitions and transforms *cough* IE <= 9 *cough* will see a less cool, javascript based version of the effect.

{% include changelog.html %}