Extended UI libraries

25,345
3
122
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.

Akis Ioannou

Ddu-buk-2

1,360
0
10
My first app for application idea contest in Kungbuk, South-Korea.

5c8a431e-504e-11ed 9221-0e76797a4f7b

MerlinApp iPhone 5/5c/5s ver. 1.2

2,123
1
This is just the regular user interface. The introduction and underlying technology are not displayed due to intellectual property. The desired effect here is to show the app's powerful ability to promote local business on any mobile display even one as small as an iPhone 5. New smartphones have much larger screen sizes usually ranging from 4.7" to 5.5". So, showing that the tech works on an iPhone 5 helps us prove this point. If you would like to leave a comment, please do so. Any help is appreciated. Also, if you would like to get involved, please leave a comment.

fedc8861-bd28-11ef a04a-0e3ec7c5f8cf

Expand container that moves adjacent content in sync

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

Todd Siegel

Wheat

1,874
2
This is a prototype for a café discovery service that I'm developing and it is purely for idea conceptualization purposes only! Please leave comments and let me know what you think!

984eb9d5-504d-11ed 9221-0e76797a4f7b

onboarding of Service App

4,612
4
137
Re-creation of the onboarding sequence of the app "Service" See how it was done step-by-step in the on-boarding webinar: http://docs.proto.io/videos/creating-great-on-boarding-experiences-with-proto-io/ The app itself: https://itunes.apple.com/us/app/service/id1005945537?mt=8

Todd Siegel

Twitter Intro Animation

3,126
1
49
This prototype show how to re-create the intro animation of the Twitter iOS app where the bird flings out and the feed flings in. See how it was re-created step-by-step in this webinar video: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ Assets also available to use.

Todd Siegel

Form examples

7,793
0
165
3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08

Todd Siegel

Next