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.
flower-card.js and place it in your <config>/www/ folderyaml
Url: /local/<path to>/flower-card.js
Resource type: JavaScript ModuleThe 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: full
A 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: false
Select which measurement bars to display:
show_bars:
- moisture
- temperature
- illuminance
Available 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_fertilization
Available 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_plant
For the full reference with all badge types and options, see EXTRA_BADGES.md.
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.
$ claude mcp add lovelace-flower-card \
-- python -m otcore.mcp_server <graph>