ELAGANCE with updated menu transition

6,253
3
Hey guys, I have updated the menu interaction in this version. Hope, you'll like this updated version more.. For those who are viewing this for the first time, it's a prototype of an ecommerce app. If you're looking for a proto.io engineer, feel free to hire me over upwork. Following is the link to my upwork profile : https://www.upwork.com/o/profiles/users/_~01d24fbe3d33d437b2/

00812837-504d-11ed 9221-0e76797a4f7b

Animated Navigation Bar

3,861
0
53
This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Header change on Scroll

2,854
0
77
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Replicating Pong

2,597
2
10
Replicating the Classic game 'Pong' using variables.

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

Flipboard Animation

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

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

Hover to play sound

2,196
0
10
Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

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

Card Game Simulation

1,685
0
0
A recreation of a card game Prototype using states & containers. Tap Hold a card to view it in further detail and swipe down to put it back. Swipe up when a card is in hand to place it on the board.

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

Realign

1,554
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

Tinder UI

22,489
6
1,215
Next