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

  • This is great!

  • Nicely done.

  • Tom

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

  • phong

    slick! i love it!

  • Tim

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

  • stars

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



    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!

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