Variables Examples

25,573
40
2,268
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Extended UI libraries

17,448
2
104
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

Apple Watch using native UI library

22,771
5
215
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

iVisitor

2,039
0
28
Tourist app

Nikhil Sethi

Get the position of a scrolling container

2,414
2
88
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Date picker

3,723
1
273
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

Jason Hamilton

Emoji Toggle Component

151
0
4
Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!

Todd Siegel

Expand/Collapse Menu

4,412
2
397
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Sign in Screen

5,078
3
650
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

ELAGANCE with updated menu transition

4,477
3
Hey guys, I have updated the menu interaction in this version. Hope, you'll like this updated version more.. For those who are viewing this for the first time, it's a prototype of an ecommerce app. If you're looking for a proto.io engineer, feel free to hire me over upwork. Following is the link to my upwork profile : https://www.upwork.com/o/profiles/users/_~01d24fbe3d33d437b2/

Himanshu Chawla

Next