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.

Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

The project contains numerous examples completed using variables and conditional logic.

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!

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.

If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Re-creation of the horizontal swipe parallax effect in Yahoo Weather. See how it was created step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/223073307-Prototyping-parallax-effects TAGS: parallax variables variable

An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.