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

An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

change the background color using variables and container states

Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design