An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

this music app

This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

This one-screen prototype demonstrates some of Proto.io animation functionality.

This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Proto.io comes with UI libraries for iOS, Android Material Design, Windows and Apple WatchOS so that people can easily drag and drop those elements to bring their ideas to life. Simple interactions can also be applied, primarily screen-linking and basic navigation.

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.

This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/