Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

freshsabziwala

New version to listen to your favourite music. I build this prototype for my (Designing for usability) module at university. It allows you to experience the joy of music in a different, flexible, and adaptable way. This is the first version of Mid-High Fidelity stage of prototyping. Feel free to comment on it, and suggest anything you feel it needs to be added. Thank you.

First Project, just for fun..

Tinder UI cards

The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.