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.

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

Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

Movies & Series App project Design Credits: https://www.sketchappsources.com/free-source/2896-sample-iphone-x-movies-app-sketch-freebie-resource.html

A Simple recreation of the Messenger bubble using Proto.io stock images. Basic functions such as drag/drop to screen corners, drag to the bottom to delete, swipe down to reveal 'contents hidden' to bring the bubble back to the screen and tap bubble to show conversation.

A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

My Music App lets you listen to your favourite music and add / edit song lyrics to share with the world!

A fun and interactive way to engage users for Atom Bank App.

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