Replace One Group of Items With Another Using Quicksand

Quicksand is a jQuery plugin that enables you to reorder and filter items with a nice shuffling animation effect. Quicksand does this by replacing one collection of items with another. It has been tested with all modern browsers and works in IE 7+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome 4+.

Quicksand plugin is very well documented and is easy to implement. All you need to do is provide two sets of items. You can do it in plain HTML with unordered lists; provide data via AJAX call; or transform HTML items using JavaScript (e.g., sort them differently).

Quicksand’s built-in animation is quite good, but you can take it further by using jQuery Easing plugin for additional easing options and/or you can also use jQuery Animate CSS Rotation and Scaling for additional CSS3 scaling animation.

Developed by Jacek Galanciak; Quicksand jQuery Plugin is available for download under MIT and GPL2 licenses.  You can find further information, demo & download on Quicksand jQuery Plugin Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links