Pomodoro Widget
I animated the card by tying its width and height to Framer Motion’s animate prop, so it expands and collapses smoothly when clicked. Then I added subtle fade, blur, and y-offset transitions to the inner sections so they feel like they slide into place as the card opens.
Even the pause/play toggle swaps icons with its own small scale-and-fade animation to keep everything consistent.
Inspired by one of the examples I saw in uilabs
If you’d like to see more of my work, I share updates regularly on X (Twitter).