⏰ Lovelace Timer Card

This element is for Lovelace on Home Assistant that that shows a timer and its controls.

Options

Name	Type	Requirement	Description	Default
type	string	Required	custom:timer-card	none
entity	string	Required	Timer entity id	none
name	string	Optional	Tooltip for main menu	none

Installation

Step 1

Save timer-card to <config directory>/www/timer-card.js on your Home Assistant instanse.

Example:

wget https://raw.githubusercontent.com/custom-cards/timer-card/master/dist/timer-card.js
mv timer-card.js /config/www/

Step 2

Link timer-card inside your ui-lovelace.yaml or Raw Editor in the UI Editor

resources:
  - url: /local/timer-card.js
    type: module

Step 3

Add a custom element in your ui-lovelace.yaml or in the UI Editor as a Manual Card

type: 'custom:timer-card'
icon: 'timer.laundry'
name: 'Laundry'

Troubleshooting