Lovelace animated weather card

Forked from bramkragten and updated to work with the National Weather Service (NWS) integration. hourly_forecast: false is required for daily forecast to work correctly. If using daily forecast the card parses the forecast HA sensor arrry for daytime: true and adds the low overnight temperatures based on daytime: false.

Originally created for the old UI converted by @arsaboo and @ciotlosm to Lovelace and now converted to Lit to make it even better.

This card uses the awesome animated SVG weather icons by amCharts.

Thanks for all picking this card up.

Installation:

HACS

Add this repository in HACS, download, and install.

Configuration:

And add a card with type custom:weather-card:

type: custom:weather-card
entity: weather.yourweatherentity
name: Optional name

If you want to use your local icons add the location to the icons:

type: custom:weather-card
entity: weather.yourweatherentity
icons: "/local/custom-lovelace/weather-card/icons/"

You can choose wich elements of the weather card you want to show:

The 3 different rows, being:

• The current weather icon, the current temperature and title
• The details about the current weather
• The X day forecast or hourly forecast

type: custom:weather-card
entity: weather.yourweatherentity
current: true
details: false
forecast: true
hourly_forecast: false
number_of_forecasts: 5