Playful Interaction for Draggable Elements

A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.

View demo Download source

Today we’d like to share two tiny fun interaction experiments with you. The first one is inspired by Rally Interactive’s Dribbble shot. We wanted to create a playful dragging interaction that will morph and animate an element depending on its position. If dragged outside of the defined bounds, we will dismiss the element (demo 1), or navigate a gallery (demo 2). If dropped before the bounds we will snap the element back with an elastic effect. We also add some bounciness to inner elements so that everything gets an even more organic feel.

Stay tuned

Let the news come to you

Best video from Flexitech

UNCHARTED 4: A Thief's End - Multiplayer

2 years ago

SoftKinetic 3D Vision Technology

2 years ago

Microsoft Surface Book, a rival to Apple's Mac Book has arrived

2 years ago

Jibo, The World’s First Social Robot for the Home

2 years ago

The Ultimate Race Bike: new Trek Madone

2 years ago