Lovelace: circular timer card

Share your Projects! Dashboards & Frontend
1

Hi there!

I was a bit disappointed by the available options for timer countdown display, so I decided to create a custom one. Maybe someone is looking for a similar style countdown, so am posting it here.

circular-timer

Update
I know that it might be misleading from the name of the card, but I have also recently implemented a minimal layout version of the card inspired by the Mushroom cards, which looks like this:
circular-timer-minimal
screenshot3

Available at:

Installation:

  1. Add circular-timer-card.js to your lovelace resources
10 Likes
2

great looking card! but unfortunately I’m getting custom element doesn’t exist error.

1 Like
3

ah yes, I get same error. followed documentation yaml example, set correct path in dashboard - resource

2 Likes