Other interactions you might like

Audio & Video

Microinteractions

Converting steps to coins

Freese frame to capture colors accurately

Bottom sheet for channel info

Splash screen and pre-login onboarding slides

Coach mark for color wheel selection

Guides by Lonely Planet

Search and download guides

First lesson complete. It shows your learning minutes and asks you to create a profile

Bottom sheet to share to Instagram as story or post

Loading state uses inputs you've made in the previous step

Successfully paid

Tutorials on effects and features

Comments bottom sheet

Transition animation from list to hotel page

Background color has changed as I've progressed

Changing app theme, text size and contrast

WIP circles on top. Stories format, with swipe to go between stories

More interactions from

Pacemaker

Onboarding slides and splash screen

Coachmarks during onboarding

Login with Spotify

Pulsating plus icon to get you to create a mix

Creating a mixtape, choose one track to begin

Choosing tracks to add

Adding more tracks to mixtape

Change mix name

New apps added every other week

Design and product inspiration can be hard to find. Sign up now and receive patterns, microinteractions and teardowns straight to your inbox.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.