UltraKit · Widget #20
Countdown Timer
8 Display Styles × 3 Timer Modes × 4 Expiry Actions × 5 Separator Styles
8 Style5 Separator4 Action2 More Choices5 Toggles
Section 01
Style
8 options for style — all shown live below.
1
Style 1: Solid Card Blocksdisplay_style = style-1
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
2
Style 2: Gradient Cardsdisplay_style = style-2
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
3
Style 3: Dark Nightdisplay_style = style-3
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
4
Style 4: Glassmorphismdisplay_style = style-4
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
5
Style 5: Minimal / Flat Numbersdisplay_style = style-5
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
6
Style 6: Flip Card (Animated)display_style = style-6
00
00
00
00
:
00
00
00
00
:
00
00
00
00
:
00
00
00
00
🎉 The event has started!
7
Style 7: Neon Glowdisplay_style = style-7
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
8
Style 8: Outlined Ringdisplay_style = style-8
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
Section 02
Separator
5 options for separator — all shown live below.
1
Colon (:)separator_style = colon
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
2
Dot (.)separator_style = dot
00
Days
.
00
Hours
.
00
Minutes
.
00
Seconds
🎉 The event has started!
3
Slash (/)separator_style = slash
00
Days
/
00
Hours
/
00
Minutes
/
00
Seconds
🎉 The event has started!
4
Noneseparator_style = none
00
Days
00
Hours
00
Minutes
00
Seconds
🎉 The event has started!
5
Vertical Line (|)separator_style = line
00
Days
|
00
Hours
|
00
Minutes
|
00
Seconds
🎉 The event has started!
Section 03
Action
4 options for action — all shown live below.
1
Show Messageexpiry_action = message
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
2
Hide Timerexpiry_action = hide
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
3
Redirect to URLexpiry_action = redirect
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
4
Show Zeros (00:00:00)expiry_action = zeros
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
Section 04
More Choices
Extra switches for the finishing touches.
1
Timer Mode: Mode 2: Evergreen (per visitor session)timer_mode = evergreen
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
2
Timer Mode: Mode 3: Daily Recurringtimer_mode = recurring
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
Section 05
Show & Hide Options
Switch parts of the widget on or off.
1
Show Days — Offshow_days = off
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!
2
Show Hours — Offshow_hours = off
00
Days
:
00
Minutes
:
00
Seconds
🎉 The event has started!
3
Show Minutes — Offshow_minutes = off
00
Days
:
00
Hours
:
00
Seconds
🎉 The event has started!
4
Show Seconds — Offshow_seconds = off
00
Days
:
00
Hours
:
00
Minutes
🎉 The event has started!
5
Hide On Desktop — Onhide_desktop = hidden-desktop
00
Days
:
00
Hours
:
00
Minutes
:
00
Seconds
🎉 The event has started!