24H Rings Clock Card - A fresh way to visualize time in Home Assistant!

Hi everyone!

I’m excited to share my new custom card for Home Assistant:
:point_right: 24H Rings Clock Card – with support for ranges and markers!

This card lets you display a classic analog clock enhanced with visual time ranges (think: do-not-disturb windows, pool filtration, automation triggers, sunrise/sunset markers, events… etc).

It’s a clean, elegant way to bring time-based context to your dashboard.

Why I built this

I’m using a pool management blueprint, and I always wanted to see the filtration windows during the day as they change according to the pool’s temperature, the electricity consumption and the sun elevation. So I decided to create a dedicated card from scratch that offers minimalism, configurability and the maximum of information.

:sparkles: Features

  • Analog clock face with real-time movement
  • Support for custom time ranges (colored arcs, on 4 positions)
  • Support for marker points (e.g., 08:00, 21:30, etc.)
  • Show the sunrise and the sunset time, also the day and night windows
  • Fully responsive design (works great on wall tablets!)
  • Fully YAML-configurable (UI editor coming soon)

:camera: Screenshots

Installation

24H Rings Clock Card is available in HACSLink to HACS: Repository – My Home Assistant

:test_tube: Early release: Looking for feedback!

This is an early version – there’s no UI config editor yet – but the card is already functional and customizable via YAML.

If you’re into visual dashboards and want to try something new, I’d love your feedback!

:point_right: GitHub: https://github.com/hatemzidi/24h-rings-clock-card
:speaking_head: Feel free to open issues or share suggestions – let’s improve it together!

10 Likes

Great Work!

Installed and added fine.
Just using on a dashboard I have for a hot tub that shows the filter cycles.
Nice and clean interface.
Thanks for sharing

1 Like