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

A 3D Interactive Walkthrough of a space using the Proto.io VR Component. Using gaze click interactions you can transition from one 360° scene to another. Import this fully editable project into your Proto.io account to create your own 3D interactive walkthrough.

A Picker selection navigates you to the screen selected. The project uses Variables and States and depending on the picker selection I change a button state to navigate you to the right screen.

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!

Form validation using variables and states

A prototype of the admin-panel dashboard of e-shop software, built with Proto.io’s Material Design library. The prototype uses containers and states to create a highly interactive, single-page dashboard.

Random Graphs created by using variables.

The project contains numerous examples completed using variables and conditional logic.