Climate Card

This is a Home Assistant Custom card for controlling your climate devices. It supports both heating and cooling operation with charming animation during different states. Also, it is able to show your climate humidity! (if you wonder how, please take a look at my Generic Climate Integeration).

Install:

1. Download climate-card.js file into your home assistant config/www/climate-card folder
2. Add climate-js into your lovelace resource or configuration.yaml:

resources:
  - url: /hacsfiles/climate-card/climate-card.js
    type: module

3. If you would like to show in a proper font please add this google font to your resource too:

resources:
  - url: https://fonts.googleapis.com/css2?family=Oswald:wght@400&display=swap
    type: stylesheet

Preview

Here is the some preview of the different state

Known Issues

• Mobile touch not working for target temperature picker