Conditional Animation Loop

3,253
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.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Realign

1,454
0
13
Using simple 'Animate Item' and 'Show/Hide' interactions to have the boxes disappear and realign accordingly. Can be used as a base on how you can build notifications or lists to realign themselves.

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

Map Routes

2,977
0
93
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Animated Flowchart

1,666
0
0
A simple animated Flowchart. Click on each tab and the arrows when zoomed in to transition to the next one. Design credited to: https://www.sketchappsources.com/free-source/3636-entity-relationship-model-erd-diagram-library-sketch-frebie-resource.html

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

Picker selection to Screen

2,280
0
46
Going to a screen depending on a picker selection using states, variables and the 'Fire an items event' action

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

Scrollable data table

2,929
0
31
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

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

Pop up examples

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

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

Next