Small laboratory of fine UI
Contextual Toolbar
A toolbar that suggests and enables actions based on users' navigation. Suggestions are related to the current page and users can perform actions inside the component, without changing to another page or context.
Beta Feedback
I'm obsessed with reusing and transforming components to give them new meaning. What if you can share a feedback without triggering a modal or any additional component?
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.