Looplist Phase 1

2,035
4
Here is the first proto upload of Looplist. Looplist is the social marketplace where both businesses and individuals can sell locally. The camera on the top left goes through our identification feature. The whole prototype is still in the works...but something good to look at and is a good reference for our team.

63790823-4a3a-11ee bd60-0e76797a4f7b

Vector Animation Splash

3,925
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Drag and Drop

5,103
0
80
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

Set up a calendar event

2,415
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Filtering Activity Feed by Tags

1,608
0
8
Filtering Activity Feed (Templates) by Tags using Container States Filter / container states

17056140-504e-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

10,877
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Windows 8 Showcase

3,938
1
25
A demo showcasing Windows 8 components.

Akis Ioannou

iOS Spotlight

25,844
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Next