Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

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

If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

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

This prototype showcases a new Proto.io feature called Gradients, it’s a new way to create and animate gradients straight in Proto.io. You can now make your UI pop with vibrant linear or radial colors, and bring to life with beautiful animations.

Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation