Extended UI libraries

23,956
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Image Filters

235
0
2
Used variables to change filters on an image

Kyle Anderson

Let It Bleed | 50th anniversary

1,539
0
6
The academic project celebrates the 50th anniversary of the Rolling Stones' work with the goal of developing a digital music album experience, exploring conceptually the feelings of mystery, nostalgy, bliss, delirium and harmony.

Bárbara Fontenelle

Carnival Shooting Gallery

4,861
14
62
This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Jack Daniels

1,777
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

Circle illusion with Tusi motion

487
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

Netflix Desktop UI Sketch Resource

1,023
0
Netflix Desktop UI Sketch Resource Design: https://www.sketchappsources.com/free-source/3590-netflix-desktop-ui-sketch-freebie-resource.html

Paul Baker

Carousel & AutoScroll

961
0
14
Using the Carousel default Pattern in Proto.io. I use a few screen interactions to turn it into an Autoscroll Carousel. Design Credits to: https://www.sketchappsources.com/resource/download-3665.html

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

Dial Timer

1,355
0
24
A reverse timer using the handle to designate where the timer begins its countdown.

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

Next