Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.
Recreates the Material Design ripple effect on a button. The ripple originates precisely from the user's click point and expands outwards while fading, clipped neatly by the button's boundaries.
This snippet demonstrates how inconsistent left alignment of content within a secondary column (e.g., values next to labels) can make a UI element appear unprofessional. Toggling the effect shows how applying a single, shared margin or padding for the second column creates a clean, intentional, and polished look.
A heart icon button that, when clicked, changes color and performs a satisfying 'pop' animation using CSS keyframes and a hidden checkbox for state management, requiring no JavaScript.