Display Items in a Card-like Fashion – Baraja

Do you want to display a list of items similar to a deck of playing cards on your web? Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table.

This jquery plugin uses CSS transforms for rotating and translating the items. There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way.

It is possible to define the direction, speed, range + easing of the effect and they can be browsed with prev-next buttons. Once an item is clicked, it is the deck closes and focuses to the clicked item.

Source: http://tympanus.net/codrops/2012/11/13/baraja-a-plugin-for-spreading-items-in-a-card-like-fashion/
Demo: http://tympanus.net/Development/Baraja/
Download: https://github.com/codrops/Baraja
Requirements: jQuery
Compatibility: Modern Browsers


Leave a Reply