Flux Guide ← All widgets
Widget

Clock

A live clock — digital, flip, or analog, in several designs, with an optional date line. It ticks on its own, scales to fill whatever space you give it, and follows your page theme by default.

What it does

The clock shows the current time and updates automatically. In digital style it renders large numerals with an optional weekday-month-day line below; in analog style it draws a face with hour and minute hands (and a second hand when seconds are on). The numerals or hands use your theme's text color unless you pick a custom one, and the whole widget grows to fill its tile.

It fills the space Time text scales down to fit, and the date line only appears once the widget is tall enough (digital) or large enough (analog) to show it cleanly.

Designs

Pick a Style first; the design choices change to match it.

Digital — Font

FontWhat it looks like
RoundedSoft rounded numerals (the default).
SystemThe standard system font.
SerifA serif typeface.
MonospacedFixed-width digits.

Flip — animated split-flap

A retro mechanical flip clock. The time renders on dark split-flap cards, and when a digit changes the top leaf physically flips down and the new bottom leaf falls into place — just like a real flip clock. The date shows on smaller flip cards below (weekday · month · day). Turn on Show seconds to watch it flip every second; otherwise it flips when the minute changes.

It's always dark The flip cards are dark by design (that's the retro look) on any theme. Your color choice tints the numerals; leave it default for classic off-white digits.

Analog — Face

FaceWhat it looks like
ClassicA ring around the dial with twelve tick marks (the hour ticks are heavier).
MinimalNo ring, just four ticks at the quarter positions.
ModernA ring with no ticks — hands only.
Switching style keeps you valid Changing from digital to analog (or back) resets the design to that style's default — Rounded for digital, Classic for analog.

Add it

  1. Enter edit mode, tap Add Widget, choose Clock.
  2. Open the widget's inspector (tap the widget while editing).
  3. Pick a Style and design, then tune the toggles below.

Settings

SettingWhat it does
StyleDigital, Flip (animated split-flap), or Analog.
Font / FaceThe design for the chosen style (see above) — Font for digital, Face for analog.
Bold (digital only)Heavier numerals when on, medium weight when off.
24-hour time (digital only)Show 14:30 instead of 2:30.
Show AM/PM (digital, 12-hour only)Append AM/PM. Hidden when 24-hour time is on.
Show secondsAdd seconds to the time (digital) or a sweeping second hand (analog). The clock also ticks every second instead of every 30 seconds.
Show dateShow a weekday · month · day line under the clock, when there's room for it.
ColorColor for the time text and hands. Leave it to follow your page theme.
The second hand uses your accent On an analog clock, the hour and minute hands take the time color; the sweeping second hand and the center hub use the accent color (the same custom color if you set one, otherwise the theme accent).

Notes

The clock has no settings to connect — it reads the device's own time and time zone, so it always shows local time on whatever screen it's running on. It needs no Home Assistant entity.

Want actions on a schedule? The clock just displays the time. To do something at a set time, add a Time trigger in Automations.