Apple Watch using native UI library

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

Akis Ioannou

Vertical scrolling feed with 2 expandable areas

7,605
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

10 Second Timer Example

7,065
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

IFTTT

16,668
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Flipboard Animation

5,749
1
56
The Flipboard animation created using states.

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

Silent Shaves (Intro)

4,750
1
250
Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Alexis Piperides

Extended UI libraries

26,197
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

Expand/Collapse Menu

7,779
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

iOS Spotlight

26,575
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