The library

Techniques, not templates

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

1 / 2

Fully Stylable Custom Dropdown

This snippet recreates the visual effect of a fully-themed dropdown, including options and checkmarks, as demonstrated in the video's '2025' segment. While the video highlights future native CSS styling with `appearance: base-select`, this demo achieves the desired look and feel using custom HTML, CSS, and JavaScript due to current browser limitations.

cssaccessibilityformsselectjavascriptdropdowncustom-component

2 / 2

Animated Select Dropdown

A custom select component featuring smooth expand/collapse animations, keyboard navigation (arrow keys, enter, escape), a distinct selected state with a checkmark, and accessible ARIA attributes. The dropdown closes when an item is selected or when clicking outside.

animationaccessibilityselectjavascriptdropdownkeyboard navigation