Skip to content

Weather Alerts CardWeather alerts, done properly

A custom Home Assistant Lovelace card for severe-weather alerts — multi-provider, severity-aware colors, time progress bars and expandable details.

The Weather Alerts Card showing several active alerts

What it does ​

The card reads an alert sensor from a weather integration and renders each active alert with a severity color, an icon, a headline, and a progress bar showing how much of the alert's window has elapsed. Tapping an alert expands the full description and instructions.

Every provider is supported through an adapter layer: whatever integration you run, the card normalizes its output into one internal alert shape, so every feature below behaves the same regardless of where the data came from. In most cases you only have to point the card at an entity — the provider is auto-detected.

Where to go next ​

If you want to…Read
Install the card and get a first alert on screenGetting Started
Look up a config optionConfiguration
Change colors, surfaces, or translucencyTheming
Find the right integration for your regionProviders
Open alerts in a pop-up instead of expanding inlineRecipes
Get alert text in your own languageAlert language
Build the card from sourceDevelopment

Beyond the basics ​

  • Filtering — restrict by zone code, event code, a minimum severity threshold, or distance from home for point incidents.
  • Layouts — a full card, or a compact one-row-per-alert list that expands on tap.
  • Dismissal — optional per-alert dismiss by button or swipe, with undo and a restore-all control, stored browser-locally.
  • Deduplication — collapse the same alert repeated across zones and providers.

Support ​

If you find this card useful, tip the author at Ko-fi, or donate to The Y'all Squad — a rapid-response program providing direct aid, chainsaws, and supplies to families affected by severe weather events.

Questions and screenshots are welcome on the Home Assistant Community thread.

Released under the MIT License.