--- layout: default title: Shuffle.js bodyClass: home extraJS: [ "demos/homepage.js", "animated-favicon.js" ] includeHeader: true prism: true ---
{% include install.html %}

Example

Filter

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

Open in CodePen

Demos

{% include demo-list.html %}
{% include features.html %}
{% include options.html %}
{% include usage.html %}
{% include filters.html %}
{% include advanced-filters.html %}
{% include sorting.html %}
{% include events.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
  • Safari

If you still need to support IE 11, you can use Shuffle v5.

Share

Buy Me A Coffee
{% include changelog.html %}