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

Template for Next Level UI Prototyping & Animation, June 2024

Used variables to change filters on an image

Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

One Page Website example created with Proto.io

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

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

A prototype of the admin-panel dashboard of e-shop software, built with Proto.io’s Material Design library. The prototype uses containers and states to create a highly interactive, single-page dashboard.

Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations