Lights Control

2,664
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Happy Halloween

1,650
0
A halloween project i have put together using the Proto.io Halloween icon set: https://proto.io/freebies/free-halloween-icons/

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Halloween Cards Onboarding

2,771
0
47
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

Christos Chatzikkos

Drag and Drop

4,817
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

Header change on Scroll

2,260
0
76
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Shopping Cart

4,248
4
103
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

Search Field Animations

2,575
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

Messages Project - Chat

2,793
0
140
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

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

Next