Search Field Animations

3,107
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

Trello's draggable list demo

5,106
5
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

51a9fd0d-504e-11ed 9221-0e76797a4f7b

To Do

4,240
0
59
Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Let It Bleed | 50th anniversary

2,174
0
8
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

Swarm Header Switch

3,051
0
45
A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

92f2b218-504c-11ed 9221-0e76797a4f7b

Share button

2,998
1
116
An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Alexis Piperides

Silent Shaves (Intro)

4,699
1
250
Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Alexis Piperides

Google Inbox - compose animation

11,339
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Next