Variables Examples

35,184
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Mobile UI Framework Demo

3,983
3
A prototype being put together for a client. On the loaded report, tap the highest blue point to open up a modal window where you can swipe right/left (Right first, I think) Top right menu button only works on the landing page. Swipe right to go back from any screen. Needs polishing!

26124754-504e-11ed 9221-0e76797a4f7b

Extended UI libraries

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

Expand/Collapse Menu

7,831
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Swarm Check-in

18,845
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Hide Navigation Bar On Scroll

5,902
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Tinder UI

22,561
6
1,215

Spotify

23,696
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Cook it

3,659
0
67
'Cook it' is an app where users can find recipes based on ingredients they have at home. This project uses variables to add ingredients to the list using a single input field. I created the loading animation using a group of images which rotate into a pot. I used cloning and obscurity transitions in the recipes screen to display the recipe when it's tapped.

Vasilis Odysseos

Next