Recreating Messenger Bubble

2,430
2
17
A Simple recreation of the Messenger bubble using Proto.io stock images. Basic functions such as drag/drop to screen corners, drag to the bottom to delete, swipe down to reveal 'contents hidden' to bring the bubble back to the screen and tap bubble to show conversation.

18689160-504d-11ed 9221-0e76797a4f7b

Drag and Drop

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

Maps

2,673
0
202
Creation of Map screens using: (1) Map Image Container (2) Google Maps Embed Code.

f2c47ef9-504d-11ed 9221-0e76797a4f7b

iSkwela

1,137
0
2

Recreating Tetris

1,543
0
0
A simple recreation of the very popular video game Tetris. Use the buttons to move, rotate and change the block pieces. You can also use the arrows and A,B keys on your keyboard as well. Design inspired by: https://www.sketchappsources.com/free-source/3559-grdk-pro-game-system-64bit-sketch-freebie-resource.html I do not own anything related to Tetris and this is simply a very simple tribute to the creation of Alexey Pajitnov.

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

Smart Home - High Fidelity

2,938
1
44
The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Share button

3,006
1
116
An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Alexis Piperides

Settings

3,988
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides

Next