Drag and Drop

5,499
0
80
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

Football Team Formations

2,420
0
I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Smoothies to Door

4,047
0
30
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Variables Examples

34,978
44
2,623
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Hungry Birds game menu

4,255
0
10
A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

Akis Ioannou

SpaceTrip high-fidelity

8,015
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

Animated icon tab

1,761
0
5
Internet explorer the global economy

d8d74726-504d-11ed 9221-0e76797a4f7b

Zero inbox

2,619
0
14
Zero inbox example using the 'Slide to Delete' pattern

34041018-d2c9-11ed 9221-0e76797a4f7b

Next