Setting up a calendar event using Proto.io Templates and Variables

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

Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project. The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks. See how this was made step-by-step in this webinar video on Low Fidelity prototyping: http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/ TAGS: storyboard low fidelity auto-play

An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

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

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

Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

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 one-screen prototype demonstrates some of Proto.io animation functionality.