Jack Daniels

2,688
0
Recreation of the animation from: https://www.sketchappsources.com/free-source/1978-whiskey-jack-daniels-app-sketch-freebie-resource.html with a snap carousel

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

LFC

2,104
0
5
I got some information from the https://www.liverpoolfc.com/team/first-team official website to create the player list for mobile devices. The project has vertical and horizontal scrolling and a menu that slides in from the top of the screen

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

BiblioTour

2,166
0
Prototype of an appa that commemorates the ITESM Library

dcbe71e0-504c-11ed 9221-0e76797a4f7b

SpaceTrip high-fidelity

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

Flipboard Animation

5,913
1
56
The Flipboard animation created using states.

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

Dial Timer

2,108
0
25
A reverse timer using the handle to designate where the timer begins its countdown.

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

Set up a calendar event

3,186
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Circle illusion with Tusi motion

1,889
0
2
I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

16ff68c7-504e-11ed 9221-0e76797a4f7b

Next