Documentation
v.1.6.3
GETTING STARTED
DYNAMIC ISLAND
Premium element
Interaction
Countdown Pro
The Countdown Timer is a customizable and visually appealing timer designed to display a countdown to a specific date and time. It includes multiple style presets, customizable colors, and a polished finish for various design needs.
Preview
Open previewQuick Setup
data-countdown
Required
Add this attribute to the HTML element where the countdown will be displayed.
data-end-date
Required
Specifies the target date and time for the countdown. Use the ISO 8601 format (e.g., 2025-12-31T23:59:59).
Available Presets
data-preset="preset-name"
Optional
light
dark
glass
gradient
modern
elegant
Advanced configuration
data-font-family
Optional
Customize the font used in the countdown. Default is a system font stack.
data-number-color
Optional
Define the text color for the countdown numbers.
data-label-color
Optional
Customize the label text color for "Days," "Hours," etc.
data-bg-color
Optional
Override the preset background color.
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours