SwissUpLabs Logo

Countdown Timer

Module provides accurate timer with backward counting. You can inform customers about upcoming special event - start of grand sale or an arrival of new products.

Countdown Timer comes with two widgets:

  • Countdown Timer - Flip timer
  • Countdown Timer - Simple timer

Timer designs

Timer Type Preview
Flip timer - Medium, Dark Flip timer medium dark
Flip timer - Small, Light Flip timer small light
Simple timer - no CSS Simple timer no css
Simple timer - with CSS

Used CSS code see below:
background-image: linear-gradient(
#032d50 25%, #00a1ef 35%, lightblue 50%,
#20125f 50%, #8313e7 55%, #ff61af 75%
);
-webkit-text-stroke: 0.01em #94a0b9;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2.5em;
font-weight: bold;
padding: 1rem;
Simple timer with CSS
Edit this Page