Calendar

2,417
0
86
A very basic Calendar example project using Containers a few states and 1 variable to track the year.

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

Share button

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

onboarding of Service App

4,163
4
137
Re-creation of the onboarding sequence of the app "Service" See how it was done step-by-step in the on-boarding webinar: http://docs.proto.io/videos/creating-great-on-boarding-experiences-with-proto-io/ The app itself: https://itunes.apple.com/us/app/service/id1005945537?mt=8

Todd Siegel

Drag and Drop Variables

4,274
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Constantinos Thoma

IFTTT

15,402
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Music App

6,557
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

Drag and Drop

4,543
0
79
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

show animaition (tap&scroll)

3,258
1
36
show animaition (tap&scroll)

a50d0f82-504e-11ed 9221-0e76797a4f7b

Map Routes

2,364
0
91
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

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

Carousel & AutoScroll

961
0
14
Using the Carousel default Pattern in Proto.io. I use a few screen interactions to turn it into an Autoscroll Carousel. Design Credits to: https://www.sketchappsources.com/resource/download-3665.html

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

Next