Tumblr

6,267
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Tic Tac Toe

3,598
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

ToFind

5,010
1
139
A Proto.io recreation of the transitions used in Leo Leung’s design: ToFind https://dribbble.com/search?q=Leo+Leung

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

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

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

Submarine Animation

8,510
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Maria Brown Interactive Resume

2,049
0
Explore my resume with this interactive interface.

0685c558-a596-11ef a04a-0e3ec7c5f8cf

Share button

3,078
1
116
An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Alexis Piperides

iOS Spotlight

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

Next