Google Inbox - compose animation

10,423
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

Extended UI libraries

24,418
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Apple Watch using native UI library

32,371
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

iOS Spotlight

24,813
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Shopping Cart

4,162
4
101
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

Messages Project - Chat

2,740
0
140
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

469c1b7e-504e-11ed 9221-0e76797a4f7b

Social

1,155
0
7
Created using some of the provided templates

17056140-504e-11ed 9221-0e76797a4f7b

Variables Examples

33,512
44
2,615
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Next