Smooth notifications
Yesterday I explored how to create a simple notification component. It took me a while to understand how to manipulate the top position of the elements to allow for smooth animations for both adding and removing notifications. In the end I think I got it working pretty nicely.
To achieve smooth animations I opted for custom easing curve I've used many times before. I think the component feels snappy and looks pretty good – what do you think?
This component will be part of the upcoming Full Stack UI course, which I hopefully get to launch already this month. You'll find the course here: https://fullstackui.com.