One Page Website example created with Proto.io

Flip page animation create using states

Tinder UI cards

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Sliding menu with animation on screen

Sliding navigation of Tab Menu

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.

Had fun working with this experience. Interactions: • tap 'Retweet' button > tap cancel • tap 'Retweet' button > tap 'Interesting Facts' That's all! All interactions and icons subject to change ;)