Demo: Web parallax

7,081
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Animal species

5,181
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Jobronimo MVP

1,713
0
5
A minimum viable product (MVP) prototype of Jobronimo. Jobronimo is a job-finding app that connects teenagers seeking jobs with people near by who need jobs or chores performed. Find the REAL Jobronimo MVP version here: https://spaces.proto.io/realjobronimomvp Explore and enjoy!

fe432047-504d-11ed 9221-0e76797a4f7b

Real Jobronimo MVP

1,958
0
4
The REAL minimum viable product (MVP) prototype of Jobronimo. Jobronimo is a job-finding app that connects teenagers seeking jobs with people near by who need jobs or chores performed. Find the Jobronimo MVP protoype with added features here: https://spaces.proto.io/jobronimo Explore and enjoy!

00eb8c5a-504e-11ed 9221-0e76797a4f7b

MindMap

2,302
0
SET UP A MINDMAP: a) Create a new Mindmap and set main goal media b) Add 1 default image bubble to the canvas c) Add 1 default video bubble to the canvas d) Add 1 text bubble to the canvas e) Add 1 default Sound bubble to the canvas f) Click on one or more bubbles to view details, edit text or play sound g) Connect any two bubbles h) Save i) Return to View MindMap Screen *NOTE: For the demo, bubble shapes are the default dark-blue-blackish colour only. If you want the bubble to have a colour, simply click colour code. The bubble will be circular. Tap/Click hold to rotate connectors. View a Vision Board Task List Help

88cbb260-5980-11f0 a04a-0e3ec7c5f8cf

Conditional Animation Loop

3,481
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Sort

1,706
0
14
A project which sorts your players according to the number assigned to them by highest to lowest. You can clear to reset everything back. Created using containers and variables. Can be used to make sure everyone's turn in the game is mapped out correctly.

72038296-9b82-11f0 ad7f-0e3ec7c5f8cf

Vector Animation Splash

4,347
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Drag and Drop

5,653
0
80
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Header change on Scroll

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

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Next