Interactive Line Graph - The easy way

1,872
0
14
This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Example Pricing Page

2,101
0
An example of a pricing screen imported from https://www.sketchappsources.com/free-source/3749-pages-ui-web-kit-update-2019-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

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

Settings

3,982
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides

Wack-a-Monster

3,466
8
A simple game prototype. It actually works! Have fun :)

Alexis Piperides

Calendar concept

9,968
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

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

Olympic Rings

2,828
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Next