Music App

7,217
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

Recreating Messenger Bubble

2,466
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

Bodymovin Animation

3,510
0
26
A project which uses Vector Animations to recreate popular social app interactions.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Extended UI libraries

26,245
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Drag and Drop

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

Expand/Collapse Menu

7,821
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Tinder UI

22,552
6
1,215

10 Second Timer Example

7,101
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Next