Beweg dich! (English: Move)

1,147
0
1
The App is about inspiring people through rewards to move their body. With the app you can track your distance (up to 20km / h speed to exclude car trips) and get a point for each kilometer, named M-Coin (= Move Coin). These M-Coins can be redeemed for online vouchers or, more interestingly, in local shops, which stand for healthy and deliberate nutrition, e.g. Subway, Vapiano, Dean&David(in Germany) etc. A typical premium would be e.g. a free coffee to go for 5 M-Coins (= 5 km of movement) or a salad, etc.

35f99c59-52df-11ee bd60-0e76797a4f7b

auto-complete search

4,868
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

Image upload animation

2,364
0
24
This image uploading animation simulates dragging and dropping a file into a predefined area using Variables. *Credits to Jokūbas as this is a replicate of his animation https://dribbble.com/shots/1413804-Image-Uploading-Animation

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

Switching tabs

2,420
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

Bungee jump animation with custom easings

3,426
0
Say hello to our brand new visual easings manager! This project was created using custom easings and more specifically cubic bezier.

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

Conditional Animation Loop

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

YONDER

1,211
0
4
an app like uber but for long distances, the drivers sets the price and the riders choose the drivers

bc891e8c-504d-11ed 9221-0e76797a4f7b

Next