WebAppers

/ best free open source web resources /

Shopify

Create Adaptive Thumbnail Pile Effect with jQuery

Posted · Category: Gallery, License Free

Adaptive Thumbnail Pile Effect with Automatic Grouping is 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 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.

And best of all, 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.

adaptive-thumbnail-effect

Requirements: jQuery Framework
Demo: http://tympanus.net/Development/Stapel/
License: License Free

1 Comment
  • http://www.iwebxpert.com/ Daisy Bono

    Wow! Amazing! I have never seen such a thing it is so creative. I will surely try this plugin in jquery I am always aware that jquery has a lot of functionality to offer but this one is so cool and elegant. Good job!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons