Vertical scrolling feed with 2 expandable areas

7,564
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Header change on Scroll

2,859
0
77
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Scales

1,173
0
8
State change based on the position of draggable objects

e88622aa-504c-11ed 9221-0e76797a4f7b

Extended UI libraries

26,123
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

iOS Spotlight

26,510
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

IFTTT

16,614
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

Expand container that moves adjacent content in sync

3,597
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

Sign up - Sign in

6,658
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Tic Tac Toe

3,514
0
46
An example project utilizing the power of Variables, Containers and States to create a Tic Tac Toe (X's and O's) fully functional 2 player game. Includes a scoreboard to track each player's Wins, Losses, and Draws. Notes included in the projects editor on how it can be setup.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Date picker

8,203
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

Next