The library

Techniques, not templates

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

1 / 2

Continuous Date Range Picker

This UI component demonstrates how to visually represent a selected date range in a calendar. The start and end dates of the range feature rounded 'caps', while all intermediate dates maintain square corners, creating a continuous, flowing highlight effect.

cssborder-radiusinteractioncalendarrange selectiondate picker

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