This prototype is designed to be a promotional website for the Alps and features animations based on the scroll position. Thanks to https://dribbble.com/victorerixon for the inspiration.

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.

photo editor / share

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.

Zero inbox example using the 'Slide to Delete' pattern

Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

A website template with multilevel dropdown menus and scrolling area.

A project which uses Vector Animations to recreate popular social app interactions.