An interaction concept for a new type of UI element

Built using JavaScript, HTML5, Multi-touch, CSS3,


More About This Demo From The Author

Everyone loves using drawers in their phone or tablet applications. The great thing about them is that since they usually use an edge, they are very easy to target (Fitts law). They are also very fun to interact with.

This demo shows a basic example of how drawers can be added to various edges of a UI element to tuck away extra functionalists or detail information. This helps keeping the interface clean without sacrificing functionality.

I hope to extend this demo in future to improve the animations (ex: auto snap) and also to make it more generic.

About this Demo

Download the Source 292.63 KB · ZIP File

Browse the Source

This demo is released under the GPL license.