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

Install

npm install shufflejs --save

Shuffle is also available on bower as shufflejs.

Example

Filter:

Sort:

{% for item in site.data.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 %}
{% include public-methods.html %}
{% include custom-styles.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

Shuffle's dependencies are bundled with the dist file.

Supported Browsers

  • Chrome
  • Firefox
  • Edge
  • IE 11
  • Safari

Support for other browsers may be added with polyfills for ES5 features. If you require broader browser support, use the most recent v3 release of Shuffle.

Be Social

{% include changelog.html %}
{% include credit-jake.html %}