Jazz Music Player

5,787
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Carousel Onboarding

11,599
9
249
Here's the previous version of Carousel's on boarding sequence

92f2b218-504c-11ed 9221-0e76797a4f7b

Extended UI libraries

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

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

Akis Ioannou

Hide Navigation Bar On Scroll

5,917
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Snapchat Login Sample

2,836
2
This prototype is basically just a Snapchat login very well designed, with most of the replicable elements of their app.

6433ad9b-504d-11ed 9221-0e76797a4f7b

Instagram Pull to Refresh

5,456
3
313
A simple implementation of Pull to Refresh

92f2b218-504c-11ed 9221-0e76797a4f7b

Android scrollable tabbar

5,484
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

iOS Weather App

4,300
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

Tumblr

6,280
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

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

Next