A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

Spa and salon app

The Flipboard animation created using states.

A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation