Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Creation of Map screens using: (1) Map Image Container (2) Google Maps Embed Code.

Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

Safe/Combination lock

The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

Curved Slider controlling lamp brightness. Designs taken from: https://www.sketchappsources.com/free-source/3592-smart-lamp-view-sketch-freebie-resource.html