Final Fantasy 7

2,189
1
1
A recreation of the classic JRPG Final Fantasy 7 game start screen. Use the Up/Down keys on the keyboard to navigate the options. Hit the 'Enter' key when 'New Game' option is selected to play the intro cutscene from the original game. I do not own the rights to any Final Fantasy franchise, game, media or art. All right reserve to Square Soft/Square Enix. (http://www.square-enix.com/) This is a tribute to their franchise.

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

Trello's draggable list demo

5,093
5
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

51a9fd0d-504e-11ed 9221-0e76797a4f7b

Flipboard Animation

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

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

e-Wallet

3,836
0
74
Swipe up and down to choose between cards Credits: Card designs used from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

2be093e4-504d-11ed 9221-0e76797a4f7b

Drag and Drop

5,547
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

Vector Animation Splash

4,256
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Music App

7,149
1
107
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Date picker

8,182
1
441
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b