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.
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.
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 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
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.
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
A demo showcasing custom device size, animations and key actions.
Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.
Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete.
(Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)