On-boarding carousel

6,059
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

Atom Bank App

3,849
0
A fun and interactive way to engage users for Atom Bank App.

Telo Santos

Sign in Screen

9,280
5
775
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

List Based Geo Fencing Project

906
0
9
Basic prototype for a List Based Geo Fencing App, created for a class, uploading for other members of the group.

b6497e74-504d-11ed 9221-0e76797a4f7b

Using a switch to select items and add costs

2,184
0
54
Use a variable to add the costs of premium features that are selected or deselected using an iOS switch component. See a video of how to do this step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/115001585411-Model-advanced-prototypes-that-use-variables-part-II TAGS: variables variable math addition switch switches fire an items event

Todd Siegel

Conditional Animation Loop

2,754
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Game Title Screen

1,668
0
12
Game Title Screen Project. Using a minimal design with overlay transitions, mouse hover effects and states.

Barry Allen

Drag and Drop

4,707
0
79
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Next