Prototype of the Material Design menu animation of Google Calendar for iOS.
See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library"
Skip to minute 35:14 of the webinar to specifically see this prototype being made.
google iOS calendar
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app.
A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state.
I recorded a webinar showing how to create this interactive animation:
You can also find the assets here used for the prototype.
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.
This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.