Sliding Tab Menu

4,912
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Google Inbox - compose animation

11,764
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

Hungry Birds game menu

4,676
0
10
A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

Akis Ioannou

Boombox

4,711
3
27
A demo created using draggable and rotation features.

Akis Ioannou

Grokker iOS - Base

2,057
0
74
First download for the Native App Workshop- UIE Mobile Immersion

ba1a6428-504c-11ed 9221-0e76797a4f7b

10 Second Timer Example

7,375
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

GetLost Student Map

5,457
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Apple Watch using native UI library

33,690
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

iOS Weather App

4,517
1
124
This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

dc4b62f6-ed80-11ed 9221-0e76797a4f7b

iOS Spotlight

27,211
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

Next