UI: Components

Countdown

Countdown is a component that displays the time remaining until a specific event.
Uses CSS @property-animations to avoid DOM-manipulation.
Specify end-date in data-time-attribute, example: data-time="2024-12-31".

With opposite color-scheme

With right-to-left

… and custom language, using lang="ar-AE".
Since this is using @property-animations with <integer> as type, numerals can not be localized.