Sliding navigation of Tab Menu

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.

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.

Custom Android KitKat Scrollable Tabbar

I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

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

A very basic content shelf component commonly used by TV apps such as Hulu, Youtube, HBO etc. This component uses a fixed focus model where the items in the shelf move into place using key press interactions. 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 calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Fashion Shop App UI This UI set includes 5 screens: Splash, Sign up, Login, Home and Product Details Design Credits: https://www.sketchappsources.com/free-source/3663-hi-fashion-shop-ui-sketch-freebie-resource.html

2. CREATE A SCRAPBOOK PAGE: a) Create a new Page b) Add 1 default image from collection c) Crop the image on the canvas d) Paint a squiggle e) Cut up the image on the canvas into 4 pieces of any shape f) Type something g) Place an emoji h) Save Scrap After 5 min take a break, or not View Trust Circles