{"id":13822019,"url":"https://github.com/MrBartusek/MeteoalarmCard","last_synced_at":"2025-05-16T15:32:14.262Z","repository":{"id":37039471,"uuid":"361205663","full_name":"MrBartusek/MeteoalarmCard","owner":"MrBartusek","description":"Meteoalarm, Météo-France and DWD severe weather warnings card for Home Assistant Lovelace UI ⛈️","archived":false,"fork":false,"pushed_at":"2025-03-06T17:09:23.000Z","size":830,"stargazers_count":150,"open_issues_count":17,"forks_count":51,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-08T15:50:32.966Z","etag":null,"topics":["custom-cards","deutscher-wetterdienst","dwd","hacktoberfest","hacs","home-assistant","homeassistant","lovelace","lovelace-card","lovelace-ui","meteo-france","meteoalarm","meteoalarmeu","nina","nws","weather"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MrBartusek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-24T16:03:16.000Z","updated_at":"2025-04-17T19:40:46.000Z","dependencies_parsed_at":"2024-01-15T05:19:00.715Z","dependency_job_id":"1a9a4d28-2f47-4bd0-b324-1d8857546e29","html_url":"https://github.com/MrBartusek/MeteoalarmCard","commit_stats":{"total_commits":347,"total_committers":37,"mean_commits":9.378378378378379,"dds":0.1498559077809798,"last_synced_commit":"3b2af8c649e592dada418c135961813bab329181"},"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrBartusek%2FMeteoalarmCard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrBartusek%2FMeteoalarmCard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrBartusek%2FMeteoalarmCard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrBartusek%2FMeteoalarmCard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MrBartusek","download_url":"https://codeload.github.com/MrBartusek/MeteoalarmCard/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254459088,"owners_count":22074605,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-cards","deutscher-wetterdienst","dwd","hacktoberfest","hacs","home-assistant","homeassistant","lovelace","lovelace-card","lovelace-ui","meteo-france","meteoalarm","meteoalarmeu","nina","nws","weather"],"created_at":"2024-08-04T08:01:38.337Z","updated_at":"2025-05-16T15:32:14.231Z","avatar_url":"https://github.com/MrBartusek.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Meteoalarm Card\n\n[![version](https://img.shields.io/npm/v/meteoalarm-card?label=version)](https://www.npmjs.com/package/meteoalarm-card)\n[![hacs_badge](https://img.shields.io/badge/HACS-Default-41BDF5.svg)](https://github.com/hacs/integration)\n[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/MrBartusek/MeteoalarmCard/build.yaml?branch=master)](https://github.com/MrBartusek/MeteoalarmCard/actions)\n[![downloads](https://img.shields.io/github/downloads/MrBartusek/MeteoalarmCard/total?color=brightgreen)](https://github.com/MrBartusek/MeteoalarmCard/releases) \n\nMeteoalarmCard is a powerful yet simple custom card to show meteorological warnings card for [Home Assistant][ha]. It supports most of the core integrations as well as custom integrations like [MeteoAlarm][meteoalarm], [Météo-France][meteo-france], [NINA][nina], [DWD][dwd] and [more](#supported-integrations)! When there are any alerts issued, card will change color to let you know about upcoming dangerous conditions.\n\n![cover](https://i.imgur.com/esXewN6.png)\n\n[ha]: https://www.home-assistant.io/\n\u003c!-- Link for integrations are specified in integrations list--\u003e\n\n## Installing\n\n### HACS\n\nWe recommend installing MeteoalarmCard via [Home Assistant Community Store](https://hacs.xyz)\n\nJust search for `Meteoalarm Card` in `Frontend` tab and hit download.\n\n### Manual Installation\n\n1. Download `meteoalarm-card.js` file from the [latest release](https://github.com/MrBartusek/MeteoalarmCard/releases/latest).\n2. Put `meteoalarm-card.js` file into your `config/www` folder. You can use _File Editor_ add-on or any FTP client.\n3. Add reference to `meteoalarm-card.js` in Lovelace. There's two way to do that:\n   1. **Using UI:** [Navigate to Lovelace Resources](https://my.home-assistant.io/redirect/lovelace_resources/) → Click Plus button → Set _URL_ as `/local/meteoalarm-card.js` → Set _Resource type_ as `JavaScript Module`.\u003cbr\u003e\n   **Note:** If you do not see the Resources Tab, you will need to enable _Advanced Mode_ in your [User Profile](https://my.home-assistant.io/redirect/profile/)\n   2. **Using YAML:** Add following code to `lovelace` section.\n      ```yaml\n      resources:\n        - url: /local/meteoalarm-card.js\n          type: module\n      ```\n4. Add `custom:meteoalarm-card` to Lovelace UI as any other card.\n\n## Using the card\n\nAfter completing installation you can add this card like any other to your dashboard.\n\n1. Navigate to your dashboard → click 3 dots in the top left corner.\n2. Select _Edit Dashboard_\n3. Click _+ New Card_ button\n4. Select `Custom: Meteoalarm Card`\n\nHere is what configuration options mean:\n\n| Name                   | Type      | Default      | Description                                                                          |\n| ---------------------- | --------- | ------------ | ------------------------------------------------------------------------------------ |\n| `type`                 | `string`  | **Required** | `custom:meteoalarm-card`                                                             |\n| `integration`          | `string`  | **Required** | Name of the integration. Available options are listed under [Supported integrations](#supported-integrations) |\n| `entities`             | `array`   | **Required** | Entity ID, a list of entity IDs or a list of entity objects.                         |\n| `override_headline`    | `boolean` | `false`      | _[Only some integrations]_ Override headline proved by integration by generated one. |\n| `scaling_mode`         | `string`  | `headline_and_scale` | Headline scaling mode. See [scaling-mode.md](dosc/scaling-mode.md)           |\n| `disable_swiper`       | `boolean` | `false`      | _[Only some integrations]_ Disable slider when displaying multiple alerts, you may not see some important alerts. |\n| `hide_caption`         | `boolean` | `false`      | _[DWD only]_ Hide top-right caption when showing advance alerts.\n| `hide_when_no_warning` | `boolean` | `false`      | Hide the card when no warning is active. This works like a [conditional card](https://www.home-assistant.io/lovelace/conditional/). |\n| `ignored_levels` *     | `array`   | `[]`         | List of levels that will not be shown on the card. Possible values are: `Yellow`, `Orange` and `Red` |\n| `ignored_events` *     | `array`   | `[]`         | List of events that will not be shown on the card. Possible values are: `Nuclear Event`, `Hurricane`, `Tornado`,`Coastal Event`,`Tsunami`,`Forest Fire`,`Avalanches`,`Earthquake`,`Volcanic Activity`,`Flooding`,`Sea Event`,`Thunderstorms`,`Rain`,`Snow/Ice`,`High Temperature`,`Low Temperature`,`Dust`,`Wind`, `Fog`, `Air Quality` and `Unknown Event` |\n\n\\* Not available through visual editor\n\nExample configuration for [Meteoalarm](meteoalarm):\n\n```yaml\ntype: 'custom:meteoalarm-card'\nintegration: 'meteoalarm'\nentities: 'binary_sensor.meteoalarm'\noverride_headline: false\n```\n\nExample configuration for [Deutscher Wetterdienst (DWD)](dwd):\n\n```yaml\ntype: 'custom:meteoalarm-card'\nintegration: 'dwd'\nentities:\n  - entity: 'sensor.dwd_weather_warnings_current_warning_level'\n  - entity: 'sensor.dwd_weather_warnings_advance_warning_level'\noverride_headline: false\n```\n\n## Supported languages\n\nThis card supports translations. Please, help to add more translations and improve existing ones. Here's a list of supported languages:\n\n\u003c!-- Languages except English are sorted alphabetically --\u003e\n- English\n- Български (Bulgarian)\n- Català (Catalan)\n- Čeština (Czech)\n- Deutsch (German)\n- Eesti (Estonian)\n- Español (Spanish)\n- Suomi (Finnish)\n- Français (French)\n- Hrvatski (Croatian)\n- Italiano (Italian)\n- Nederlands (Dutch)\n- Polski (Polish)\n- Português (Portuguese)\n- Slovenský (Slovak)\n- Svenska (Swedish)\n- [_Your language?_](./CONTRIBUTING.md#how-to-add-translation)\n\n## Supported integrations\n\nExpect Meteoalarm this card supports many other integrations:\n\n| Integration                         | Key              | Description              |\n| ----------------------------------- | ---------------- | ------------------------ |\n| [MeteoAlarm][meteoalarm]            | `meteoalarm`     | Warnings for Europe collected by [MeteoAlarm][meteoalarm-direct] (EUMETNET). The website integrates all important severe weather information originating from the official National Public Weather Services across a large number of European countries  |\n| [Météo-France][meteo-france]        | `meteofrance`    | Warnings for France from [Météo-France][meteo-france-direct]. |\n| [Deutscher Wetterdienst (DWD)][dwd] | `dwd`            | Warnings for Germany from [Deutscher Wetterdienst][dwd-direct]. |\n| [Environnement Canada][env-canada]  | `env_canada`     | Warnings for Canada from [Environment and Climate Change Canada][env-canada-direct]. |\n| [NINA][nina]                        | `nina`           | Warnings for Germany from [Bundesamt für Bevölkerungsschutz und Katastrophenhilfe][nina-direct]. This integration doesn't provide much atributes thus using it generates very generic card. |\n| [Burze.dzis.net][burze]             | `burze_dzis_net` | Custom integration for warnings in Poland from [Burze.dzis.net][burze-direct]. These warnings are issued by [Skywarn / Polscy Łowcy Burz ](https://lowcyburz.pl) which is not backed by government or any official agency. |\n| [weatheralerts][weatheralerts]      | `weatheralerts`  | Custom integration for USA from [National Weather Service (NWS)][weatheralerts-direct]. |\n| [_New integration?_](https://github.com/MrBartusek/MeteoalarmCard/issues/new/choose) | | [You can request a new integration to be added here!]((https://github.com/MrBartusek/MeteoalarmCard/issues/new/choose)) |\n\n[meteoalarm]: https://www.home-assistant.io/integrations/meteoalarm/\n[meteoalarm-direct]: https://www.meteoalarm.org\n[meteo-france]: https://www.home-assistant.io/integrations/meteo_france/\n[meteo-france-direct]: https://meteofrance.com\n[dwd]: https://www.home-assistant.io/integrations/dwd_weather_warnings/\n[dwd-direct]: https://www.dwd.de/\n[env-canada]: https://www.home-assistant.io/integrations/environment_canada/\n[env-canada-direct]: https://weather.gc.ca/\n[nina]: https://www.home-assistant.io/integrations/nina/\n[nina-direct]: https://www.bbk.bund.de/\n[burze]: https://github.com/PiotrMachowski/Home-Assistant-custom-components-Burze.dzis.net\n[burze-direct]: https://burze.dzis.net\n[weatheralerts]: https://github.com/custom-components/weatheralerts\n[weatheralerts-direct]: https://www.weather.gov\n\n## Customizing the Card's Appearance\n\nYou can customize card appearance using provided CSS variables and [card-mod](https://github.com/thomasloven/lovelace-card-mod). For example:\n\n```yaml\ntype: custom:meteoalarm-card\nentities:\n  entity: binary_sensor.meteoalarm\nintegration: meteoalarm\ncard_mod:\n  style: |\n    ha-card {\n      --inactive-background-color: blue;\n    }\n```\n\nWhich produces result:\n\n![result](https://i.imgur.com/D0hZ86G.png)\n\n\nBelow are the available CSS variables that you can modify:\n\n- `--text-color`: The text color of inactive card.\n- `--text-color-active`: The text color for card with active warnings.\n- `--inactive-background-color`: This background color when there are no warnings active.\n- `--red-level-color`: The background color for red level alerts.\n- `--orange-level-background-color`: The background color for orange level alerts.\n- `--yellow-level-background-color`: The background color for yellow level alerts.\n- `--headline-font-size`: Font size of headline (alert name). **Note**: in order for this to\n  work properly you need to set [scaling-mode](https://github.com/MrBartusek/MeteoalarmCard/blob/master/dosc/scaling-mode.md) to `disabled`\n- `--caption-font-size`: Font size for caption element. \n\n## Contributing\n\nWant to contribute to the project?\n\nFirst of all, thanks! Check [contributing guidelines](./CONTRIBUTING.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMrBartusek%2FMeteoalarmCard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMrBartusek%2FMeteoalarmCard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMrBartusek%2FMeteoalarmCard/lists"}