A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

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.

2 types of modals / popup examples

This is an expand/collapse menu example that can be created using container states.

Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project. The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks. See how this was made step-by-step in this webinar video on Low Fidelity prototyping: http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/ TAGS: storyboard low fidelity auto-play

An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

New version to listen to your favourite music. I build this prototype for my (Designing for usability) module at university. It allows you to experience the joy of music in a different, flexible, and adaptable way. This is the first version of Mid-High Fidelity stage of prototyping. Feel free to comment on it, and suggest anything you feel it needs to be added. Thank you.

Random Password Generator created using variables.