Skip to content

Weather Alerts CardWeather alerts, done properly

A custom Home Assistant Lovelace card for severe-weather alerts — nine providers, 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.

Nine providers are 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, or a minimum severity threshold.
  • 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.