Some days of Framer X

#1 Left Menu

Menu slides in from the left. User hides the menu by pressing the toggle button or by pressing anywhere on the screen.

#2 Instagram Heart Tabs

With the help of the Pages feature on Framer, I recreated the interaction that happens on the <3 section on Instagram. The <3 section has two tabs "You" and "Following". Using code overrides I detect what page is active in order to make the text and line darker.

#3 Spotify iOS Home

Using Stacks, Scroll Components and the Deezer Player Package I recreated the homepage for the Spotify iOS app.

#4 Material Design Cards Transition

This is an example on how a Material Design Card can transform to reveal additional content. I used code overrides for the animations. Documentation on Material Design Cards available here.