A Lovelace card for displaying plant data from the Plant Monitor integration. Shows sensor readings, thresholds, and health status in a compact visual layout.
Important
This card requires the Plant Monitor custom integration. It is not compatible with the built-in plant integration.
- Add this repo as a Custom Repository with type Dashboard
- Click Install in the "Flower Card" card in HACS
- Refresh the frontend (shift-reload your browser)
- Download
flower-card.jsand place it in your<config>/www/folder - Go to Settings → Dashboards → Resources
- Add the resource:
Url: /local/<path to>/flower-card.js Resource type: JavaScript Module
- Refresh the frontend
The card can be set up from the GUI:
Or via YAML:
type: custom:flower-card
entity: plant.my_plant| Option | Type | Default | Description |
|---|---|---|---|
entity |
string | Required | The plant entity ID |
name |
string | Entity name | Custom display name |
display_type |
string | full |
Display mode: full or compact |
hide_units |
boolean | Based on display_type | Hide value/unit next to bars |
bars_per_row |
number | Based on display_type | Number of bars per row (1 or 2) |
battery_sensor |
string | — | Entity ID of a battery sensor |
show_bars |
list | All | Measurement bars to show |
show_care |
list | — | Care guidance text boxes to show (details) |
hide_species |
boolean | false |
Hide the species name |
hide_image |
boolean | false |
Hide the plant image |
extra_badges |
list | — | Additional icons (details) |
type: custom:flower-card
entity: plant.my_plant
name: "My Monstera"
display_type: full
battery_sensor: sensor.plant_sensor_battery
hide_species: false
hide_image: false
show_bars:
- illuminance
- humidity
- moisture
- conductivity
- temperature
- dli
show_care:
- care_watering
- care_sunlight
extra_badges:
- entity: sensor.room_humidity
icon: mdi:water-percent
- entity: binary_sensor.window_open
color_on: orange
color_off: grey
type: custom:flower-card
entity: plant.my_plant
display_type: fullA smaller card layout with hidden units and single-column bars:
type: custom:flower-card
entity: plant.my_plant
display_type: compact
The display type sets defaults you can override individually:
| Setting | Full | Compact |
|---|---|---|
hide_units |
false |
true |
bars_per_row |
2 |
1 |
# Compact header but 2 bars per row with units
type: custom:flower-card
entity: plant.my_plant
display_type: compact
bars_per_row: 2
hide_units: falseSelect which measurement bars to display:
show_bars:
- moisture
- temperature
- illuminanceAvailable bars: moisture, temperature, conductivity, illuminance, humidity, dli, co2, soil_temperature
Show OpenPlantbook care guidance as text boxes on the card. Select which fields to display:
show_care:
- care_watering
- care_sunlight
- care_soil
- care_pruning
- care_fertilizationAvailable fields: care_watering, care_sunlight, care_soil, care_pruning, care_fertilization
Each selected field renders as a labeled text box — and only when the plant actually has that care attribute, so missing or empty fields are skipped automatically.
Note: Care text comes from OpenPlantbook via the plant integration. Existing plants need a species refresh before the
care_*attributes appear (newly added plants get them automatically). You can confirm the data on yourplant.…entity under Developer Tools → States.
Add a battery indicator to the card header. The icon changes color based on level:
| Level | Color |
|---|---|
| >= 40% | 🟢 Green |
| 20–39% | 🟠 Orange |
| < 20% | 🔴 Red |
battery_sensor: sensor.plant_sensor_battery
Add additional icons next to the battery icon — sensor values, binary states, action buttons, or static labels.
extra_badges:
- entity: sensor.room_humidity
icon: mdi:water-percent
- entity: binary_sensor.grow_light_on
icon: mdi:lightbulb
color_on: yellow
color_off: grey
- entity: input_button.water_plantFor the full reference with all badge types and options, see EXTRA_BADGES.md.
Tap the plant's thumbnail to open the full-size image in a popup, with the plant's name shown below it — handy for telling apart multiple plants of the same species that have different photos. Tap the plant name (or anywhere else in the header) to open the standard more-info dialog.
Note: This changed the previous behavior, where tapping the image opened more-info. Cards with no image or with
hide_image: trueare unaffected — tapping still opens more-info.
No configuration is needed; the lightbox is enabled automatically whenever the card shows a real plant image (not the placeholder).
name: "Living Room Monstera"hide_species: true
hide_image: true
This card is a fork of thomasloven/lovelace-flower-card. After version 3.0.0 the card was largely rewritten; only the original design and layout have been kept.