Animated Reordering And Filtering Of Items: jQuery Quicksand

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a nice shuffling animation.

It simply replaces a collection of items with another & only requires the sets to be provided which can be done in multiple ways:

  • using plain HTML, like an unordered list
  • downloading data by an Ajax call
  • transforming HTML items by JavaScript

Quicksand also comes with few options like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

jQuery Quicksand

  1. Reply Andrew-David February 12, 2010 at 2:30 AM

    This is great!

  2. Reply Eric Peacock February 12, 2010 at 4:04 PM

    Nicely done.

  3. Reply Tom February 13, 2010 at 6:09 AM

    Woa! Its very smooth, maybe more than a Flash/Flex animation 😉 Very good job!

  4. Reply phong March 5, 2010 at 5:35 AM

    slick! i love it!

  5. Reply Tim June 3, 2011 at 6:22 AM

    Like this script a lot. Use it on my portfolio page now.

  6. Reply stars September 15, 2011 at 10:55 PM

    if i want to order by desc , how to config it

  7. Reply JESSICA ROSEN October 26, 2011 at 9:19 AM


    Instead of opening the page to “all” how do I change to open to category? Like instead of opening to “Everything” Open to “Applications”? Please help meeee, thank you!

  8. Reply Yordan January 29, 2012 at 5:13 PM

    Wow. Nice effect. I can use it in one of my projects. Thanks.

Leave a reply