Drag and Drop Variables

4,887
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Sign up - Sign in

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

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Dynamic List Simulation

3,683
0
74
A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Image upload animation

2,182
0
24
This image uploading animation simulates dragging and dropping a file into a predefined area using Variables. *Credits to Jokūbas as this is a replicate of his animation https://dribbble.com/shots/1413804-Image-Uploading-Animation

74089cc7-9b82-11f0 ad7f-0e3ec7c5f8cf

Music App

6,992
1
107
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

show animaition (tap&scroll)

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

a50d0f82-504e-11ed 9221-0e76797a4f7b

Laundry App

2,460
0
10
I used part of the "Laundry App UI Kit Sketch Resource" design that was designed by Satheesh Kumar at: https://www.sketchappsources.com/free-source/3397-laundry-app-ui-kit-sketch-freebie-resource.html to create a quick prototype

469c1b7e-504e-11ed 9221-0e76797a4f7b

Map Routes

2,934
0
93
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Next