The library

Techniques, not templates

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

1 / 2

Dynamic CSS Color Palette Generation with color-mix()

Generate an entire color palette—including shades, tints, and interactive states—from a single brand color using CSS's `color-mix()` function. This enables effortless re-theming of components by simply updating one CSS variable.

animationcssdesign-systemvariablesthemingcolor-mix

2 / 2

Concentric Nested Corners

Achieve visually harmonious nested rounded corners by calculating the inner element's border-radius as the outer radius minus the padding value, ensuring curves remain concentric.

csslayoutui/uxborder-radiusnestingdesign-system