Change of the header according to scroll position of content.

The Flipboard animation created using states.

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

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

A Picker selection navigates you to the screen selected. The project uses Variables and States and depending on the picker selection I change a button state to navigate you to the right screen.

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

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

This 18 Cool Gradients was designed by Osama Dawood https://www.sketchappsources.com/free-source/3607-gradients-ui-kit-sketch-freebie-resource.html

Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables