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 🖤 section on Instagram. The 🖤 section has two tabs "You" and "Following". I used code overrides to detect what page is active and make the text bold and the 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.