Reproducing instagram info bars behaviour

6,215
9
291
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

Akis Ioannou

Android scrollable tabbar

5,484
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

Keezy App Animation

6,410
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

Challenge: RMB dynamic Zoom

2,092
0
0
Hello, I ca't seem to get this working, so I made it a challenge: Photoshop-like dynamic zoom with Right-Mouse-Button Drag with Left Mouse Button - To Pan in all directions - Make sure Inertia still works Drag with Right Mouse Button - To the right to zoom in - To the left to zoom out Extra points - Realtime fluent zooming - Center the zoom around the first point you click on with the mouse I am very curious as to if this is possible... regards, Koen van NIekerk

Koen van Niekerk

2CITY

2,871
0
67
Launch your Event & Party App Today. Find out the coolest things to do in your city. It doesn't matter if you want to go to a hip rooftop party or an avant gard art exhibition, go dance salsa or attend an independent theatre play. With 2CITY you can buy tickets, find out about great new music and of course know in advance about the coolest events happening. With 2CITY Script you can now launch an event app in record time. The product comes with awesome features designed to make your users night experience better. Awesome design Easy & intuitive admin panel Web checkout so can easily integrate any payment gateway Connect with Uber Social Sharing Save Event Push Notifications (Parse) Google Analytics

d3cdb341-504c-11ed 9221-0e76797a4f7b

SpaceTrip high-fidelity

8,174
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

Menu Flyout Subtle Animation

3,880
1
56
Re-creation of the apple.com mobile site flyout menu with subtle animations. See how it was re-created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ Enjoy.

Todd Siegel

Avatar fly-in subtle animation

3,330
1
17
This prototype shows a subtle animation of avatars flying in, and subtle background tint changes. See how it was created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ >starting at time: 28:40 Enjoy...

Todd Siegel

iOS Weather App

4,300
1
124
This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Apple’s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

dc4b62f6-ed80-11ed 9221-0e76797a4f7b

Next