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 recreation of a card game Prototype using states & containers.
Tap Hold a card to view it in further detail and swipe down to put it back.
Swipe up when a card is in hand to place it on the board.
Using simple 'Animate Item' and 'Show/Hide' interactions to have the boxes disappear and realign accordingly. Can be used as a base on how you can build notifications or lists to realign themselves.
Graphics & Credit from: https://www.sketchappsources.com/free-source/3805-clean-web-login-form-sketch-freebie-resource.html.
A simple Login page of a webpage using interactive Proto.io components.