Small laboratory of fine UI
Calendar Widget
Calendar widget with clear timezone differences information. Try clicking on the widget and interacting with it.
Flexbile Tags Container
Dynamically expanding and shrinking the container as you manipulate tags. I wouldn't ship it in production because of the sudden change of position of the elements inside the component, but it was a fun exercise.
Elastic Card
Enable actions inside the card to trigger a playful and informative interaction.
Animated Cards
A tiny set of animated cards. The idea is to bring a playful and informative way to showcase components.
Parameters iOS Slider
Recreating iOS sliders in the web with Radix UI and Tailwind CSS. The idea is to bring the same interactions we have natively in iOS to the browser.
Dynamic Header Dropdown
An informative dynamic header that changes state as users hover on different options, providing additional context of each one of the options. This was actually shipped in a real Vercel project.
Dynamic Footer Widget
What if we can bring external context to the actual widget state? Try hovering on the metrics. Inspired by a winner project I collaborated to for Vercel's 2023 Hackathon.