This project is not covered by Drupal’s security advisory policy.

An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

The grid itself is adaptive, meaning that if there is not enough horizontal space considering the width and the gutter of the items, the column count will decrease and the grid will re-order.



  1. Install dev version of jQuery Update module
  2. Enable jQuery 1.8 here /admin/config/development/jquery_update
  3. Clone Stapel to /sites/all/libraries/stapel folder
  4. Copy /sites/all/libraries/stapel/js/modernizr.custom.63321.js to /sites/all/libraries/modernizr/modernizr.min.js
  5. Install Modernizr module
  6. Ensure another dependant modules are installed
  7. Install this module
  8. Feel free to create a view with new 'Stapel' style format

Recommended modules

Project Information