World clock card for Lovelace

There is already a world clock component for HA. This has to be included in the configuration.yaml and has limited options. It also has to be displayed in some way in Lovelace.

I missed a card that could be set up in ui-lovelace.yaml directly, without the need to restart HA, and with more options to configure the time as I wanted. This World Clock custom card is the result. In the example below, several instances of world-clock are arranged in three rows with horizontal-stack.


Read more about it here:


Hey @Erlend, I installed your component and it works…sort of. I tried getting mine to look like yours using the horizontal stack however it’s not working as yours is. Can you share your yaml so I can try to figure out what I’m doing wrong? Also, how’d you get the background image to appear?

1 Like