Date & Time

Current Date & Time Widget

Live-updating clock card showing current date and time using vanilla JS.

#clock#date#time#widget

Live preview

Source code

html

<div class="container py-4">
  <div class="cs-clock-wrap">
    <div class="cs-clock">
      <div class="cs-time" id="csTime">--:--:--</div>
      <div class="cs-date" id="csDate">Loading…</div>
    </div>
  </div>
</div>

More designs in this section

Navbar with CTA Button

Header

Dark Navbar with Search