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

Grokker iOS - Filter Exercise

1,531
0
10
Filter design exercise for the Native App Workshop- UIE Mobile Immersion

ba1a6428-504c-11ed 9221-0e76797a4f7b

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

FOLIO app starter project

3,019
0
31
This project provides you with templates and UI elements to get started with building your own prototype of a FOLIO app.

Filip Jakobsen

Sign up - Sign in

6,302
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

Date picker

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

34041018-d2c9-11ed 9221-0e76797a4f7b

Drag and Drop

5,039
0
79
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Circular progress bar

1,609
0
25
Circular progress bar

Moiraine Damodred

Form validation

2,366
0
89
Form validation using variables and states

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Next