3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

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 simple animated Flowchart. Click on each tab and the arrows when zoomed in to transition to the next one. Design credited to: https://www.sketchappsources.com/free-source/3636-entity-relationship-model-erd-diagram-library-sketch-frebie-resource.html

Tinder UI cards

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Sliding menu with animation on screen

The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

prototype of our Fooder program for HackSC