Google Inbox - compose animation

11,158
5
286
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.

Todd Siegel

Vr House Tour

2,167
0
A 3D Interactive Walkthrough of a space using the Proto.io VR Component. Using gaze click interactions you can transition from one 360° scene to another. Import this fully editable project into your Proto.io account to create your own 3D interactive walkthrough.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Landing Page

2,273
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Circle illusion with Tusi motion

1,456
0
2
I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

16ff68c7-504e-11ed 9221-0e76797a4f7b

Juguetería

652
0
1
Prototipo de la juguetería "La muñeca azul"

00b75c50-d6b7-11ed 9221-0e76797a4f7b

Next