Color Picker

3,168
1
8
Here's a demo showing a basic color picker using a container with 4 states for both the colored star and the color swatches.

Todd Siegel

Sign in Screen

10,575
5
778
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

Recreating Messenger Bubble

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

Spaceship

1,826
0
9
A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-sketch-freebie-resource.html

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

Skylight AR - Framed Photo Prints

1,826
0
6
Skylight AR is an augmented reality app concept. Use your phone's camera and the Skylight AR to create framed photo prints for your home and order them on the spot. A static image was used instead of a video. Contains scrollable containers, mouse over and mouse out interactions, states' transitions and other. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Landing Page

2,769
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Scrollable data table

3,484
0
31
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Set up a calendar event

3,210
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Next