Drag and Drop

5,056
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

show animaition (tap&scroll)

3,520
1
36
show animaition (tap&scroll)

a50d0f82-504e-11ed 9221-0e76797a4f7b

Trello's draggable list demo

4,802
5
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

51a9fd0d-504e-11ed 9221-0e76797a4f7b

Safe/Combination lock

2,736
0
17
Safe/Combination lock

Moiraine Damodred

Hoopz

2,460
0
28
Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

Constantinos Thoma

Vector Animation Splash

3,861
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

2 Way Authentication

1,380
0
35
A basic mockup of a sign-up/sign in screens along with a 2-way authentication of a uniquely generated code each time.

1866935c-504d-11ed 9221-0e76797a4f7b

Expand/Collapse Menu

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

Akis Ioannou

Clubbing and Nightlife

6,314
1
118
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering. https://dribbble.com/shots/2041810-City-intro-animation

Christos Chatzikkos

Next