Clock Weather Card for Home Assistant (dashboard card)

Screenshots From the README of pkissling/clock-weather-card.

A custom header with time, date, humidity and temperature above a seven-day forecast list

About

Clock Weather Card is a dashboard card that shows the current date, time and a weather forecast. Its design is inspired by iOS and it uses animated weather icons, credited to basmilius. The forecast can be shown as hourly or daily rows, and the number of rows is a setting. Daily rows use bars that show the temperature range for each day relative to the range across all forecast days, with a circle marking the current temperature. The date format can be set with a pattern, and the time follows the Home Assistant time zone unless the browser time is chosen. It can be installed through the Marketplace or HACS, or by copying the file manually, and is configured in YAML or the dashboard editor.

Automatic summary of the README of pkissling/clock-weather-card. Something wrong, or are you the maintainer and want your own text here? Get in touch

Supports

From the Marketplace Installed through the Marketplace, formerly HACS.
Actively maintained Its author released or pushed a change in the last six months.

Setting it up

Install it from the Marketplace, then add a card of this type to a dashboard.

From the README

An iOS-inspired clock and weather card for Home Assistant dashboards, available through the Home Assistant Community Store.
Shown in the iOS Dark Mode Dark Green theme from lovelace-ios-themes by Bas Nijholt.
A header you compose yourself - arrange the clock, date, current weather, any entity, icons and text in rows of segments.
Hourly and daily forecasts - a horizontally scrolling strip and a list with temperature bars, each showing hours or days independently.
Beautiful, animated weather icons - Meteocons in four styles: line, fill, flat and monochrome. Shout-out to the creator Bas!
Any forecast attribute - show wind speed, humidity, UV index or any other numeric attribute in the strip or as bars.
Sunrise and sunset - marked in the hourly strip.
Fully customizable - set your own color gradient for the forecast bars, pick icon styles and sizes per section, tune row heights, bar thickness, font sizes and alignment, choose date and time…
Localized - Dozens of languages, locale-aware date, time and number formats, any time zone, and Celsius or Fahrenheit.
Visual editor - set the card up in the dashboard UI, no YAML required.

From the README of pkissling/clock-weather-card, MIT License. Shortened.