Keezy App Animation

5,889
1
38
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!

Todd Siegel

PolyglotBox

2,334
0
Finding language learning resources can be a time-consuming hassle. This app makes your search easier by exposing you to well-designed resources. Save the ones that strike your fancy and dabble, or get the app to arrange them into a structured, daily study schedule for you. Then track and share your progress. It's that simple. You can share your progress

779b5e5b-504e-11ed 9221-0e76797a4f7b

Apple Watch using native UI library

32,665
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

SpaceTrip high-fidelity

7,620
0
192
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.

a03851e9-504c-11ed 9221-0e76797a4f7b

Expand/Collapse Menu

7,246
2
486
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Low-Fidelity prototype - EasyBudget App

1,413
0
5
An example of a low-fidelity prototype, showing just enough details to give users an idea of what this app could do. Getting feedback through moderated user testing is best in this initial phase. The app's objective is to help you record your daily expenses, see an outline of your month's finances and compare spending with previous months/periods through charts.

Aimilia Tzanavari

On-boarding carousel

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

a03851e9-504c-11ed 9221-0e76797a4f7b

Next