Delicious

4,084
0
I used the Sketch "Delicious" free UI Kit for a food recipes app. It includes 11 pixel-perfect screens. I just added Proto.io interactions and created a great prototype! This Delicious UI Kit was designed by Robert Anitei Sketch source: https://www.sketchappsources.com/free-source/1765-delicious-ui-kit-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Endless Runner

1,703
0
7
A simple endless runner. You can jump by tapping the screen, hitting the space bar on your keyboard or hitting the up arrow key.

640865e2-504d-11ed 9221-0e76797a4f7b

Carousel Onboarding

11,580
9
249
Here's the previous version of Carousel's on boarding sequence

92f2b218-504c-11ed 9221-0e76797a4f7b

Swarm Check-in

18,842
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

auto-complete search

4,878
2
154
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Switching tabs

2,430
0
15
I replicate this cool "Switching tabs" animation by talented Jokūbas- https://dribbble.com/shots/1984025-Switching-Tabs For the creation of this animation, I simply used various state transitions.

74089cc7-9b82-11f0 ad7f-0e3ec7c5f8cf

Date picker

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

34041018-d2c9-11ed 9221-0e76797a4f7b

Colission

2,223
0
20
A project which simulates a collision between 2 objects. Freely drag the objects onto each other in order to have their core color change when colliding.

72038296-9b82-11f0 ad7f-0e3ec7c5f8cf

Bodymovin Animation

3,516
0
26
A project which uses Vector Animations to recreate popular social app interactions.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Next