The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

Redesigned from: https://www.sketchappsources.com/free-source/4752-streaming-app-sketch-freebie-resource.html animation using state transitions vertical scroll show/hide interactions

A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

The project contains numerous examples completed using variables and conditional logic.

Sliding navigation of Tab Menu

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

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.

HitchQuote is a simple prototyping application that gives the opportunity to user to share quotes with a tap. Every feedback is welcome!

Plan Enjoy & Share your travel experiences