Have you ever wanted every edge of every UI element to have a drawer that you could pull out? Yes? No!? Well, ok.

Anyway, this is a pretty cool way of allowing users to dig deeper into elements and extract more details or provide more actions -- while keeping your UI tidy and organized.

Try pulling out drawers from each edge of the image to get more detailed information or to perform actions such as sharing.


Note that this is a multitouch example. Try pulling out the left and right panel at the same time. How does it feel?

Questions or comments?

Get in touch with me over at my blog or @arasbm on twitter and everywhere else :)
This smaller panel is probably a good place to put in actions such as share, like, love, etc.
Here is another panel than can be full of information or just a pretty picture. Whatever your imagination desire :)
Domestic cat[1]
Conservation status
Scientific classification
Kingdom: Animalia
Phylum: Chordata
Class: Mammalia
Order: Carnivora
Family: Felidae
Genus: Felis
Species: F. catus

This example of detail information is taken from wikipedia from
This is a multitouch demo and it apears that your device does not support multitouch. You need to use a multitouch simulator to interact with this demo.

Click to dismiss