The library

Techniques, not templates

Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.

1 / 2

Custom Scrollbar Styling

Customize the appearance of scrollbars using standard CSS properties and WebKit pseudo-elements to match your design system. This technique allows for control over scrollbar width, thumb color, and track color, ensuring visual consistency across browsers while maintaining usability.

cssaccessibilitystylingwebkitscrollbarcustomization

2 / 2

Brand Native Form Controls with accent-color

This snippet demonstrates the `accent-color` CSS property, which allows you to easily brand the active and filled states of native form controls like checkboxes, radio buttons, range sliders, and progress bars with a single line of CSS. It provides simple, accessible styling without needing complex custom overrides or JavaScript.

cssaccessibilityformsstylingbrandingnative