This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

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.

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

Imported from Sketch and added a few interactions https://www.sketchappsources.com/free-source/2998-crypto-currency-app-sketch-freebie-resource.html

Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Crypto market platform