Card Stack Component

Screenshot 2024-05-10 at 9.09.42 PM.png

Made cards that can be shuffled to front to back and vice-versa.

Used smart animate to simulate the effect of the cards being shuffled when swiped , required 6 variants to simulate the effect between the 3 cards on top of each other to function like a shuffling deck.

Untitled

The cards have an offset to show the user there is a card beneath that can be shuffled.

Navigation Component

Made 6 variants for the Navigation bar , each one has a hover state.

The nav bar is made go from under the screen to lock into the upper part of the screen once scrolled down. there is an offset made to make it lock right with the Notch of the mac screen.

Screenshot 2024-05-11 at 7.05.29 PM.png

Screenshot 2024-05-11 at 7.01.14 PM.png

Screenshot 2024-05-11 at 7.00.57 PM.png