Scrollable Contacts List

2,685
0
38
Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

34041018-d2c9-11ed 9221-0e76797a4f7b

Flipboard Animation

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

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

Space Invaders Recreation

2,029
0
9
A recreation of the classic game Space Invaders. Using highly complex conditional interactions to track the position of hurtboxes & collision with containers and states. Drag ship to move and fire using the 'Space' key. Example projects referred to: https://spaces.proto.io/project/CCDD39E8-969E-9AFA-C094-3EA4B8A96FD5/Colission/ https://spaces.proto.io/project/487FEE4D-C6EA-4201-6A2E-17D115E0A65A/Hoopz/ I do not own the assets or have any affiliation with Tomohiro Nishikado, Taito or Midway. This is simply a tribute to one of the most iconic videogames which shaped the industry.

1866935c-504d-11ed 9221-0e76797a4f7b

Pop up examples

2,524
0
22
2 types of modals / popup examples

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Expenses Report

3,701
0
37
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Seat Reservation

1,886
0
4
Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation

17056140-504e-11ed 9221-0e76797a4f7b

Smoothies to Door

3,351
0
29
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Rearrange Home Screen Apps

1,367
0
4
Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen

17056140-504e-11ed 9221-0e76797a4f7b

Random Graph Generator

2,461
0
28
Random Graphs created by using variables.

34041018-d2c9-11ed 9221-0e76797a4f7b

Porsche

2,995
0
4
Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Next