🌸 Flower Card for Home Assistant
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.
📑 Table of Contents
📦 Installation
From version 2026.11.0, the card comes with the Plant Monitor integration. Install Plant Monitor and the card is ready to use on your dashboards. There is nothing else to install.
Moving from the HACS copy
When you update to a Plant Monitor version that includes the card, and you installed the card from HACS or added flower-card.js under Settings → Dashboards → Resources yourself, Home Assistant shows a repair asking you to remove that copy:
- Uninstall Flower Card in HACS, or delete its resource under Resources if you added it by hand
- Refresh the browser
Your dashboards keep working the whole time, and they need no changes.
Older Plant Monitor versions
Plant Monitor before 2026.11.0 does not include the card. Install it yourself:
-
Via the Marketplace (HACS before Home Assistant 2026.11): select the button below, or add this repo as a custom repository with type Dashboard. Click Install in the "Flower Card" repository and refresh the browser.
-
Manually: download flower-card.js into your <config>/www/ folder, add /local/<path to>/flower-card.js as a JavaScript Module under Settings → Dashboards → Resources, and refresh the browser.
⚙️ Configuration
The card can be set up from the GUI:
Or via YAML:
type: custom:flower-card
entity: plant.my_plant
All Options
| Option | Type | Default | Description |
|---|
entity | string | Required | The plant entity ID |
name | string or name parts | Home Assistant's name for the plant | Text, or the parts to build the name from (see Custom 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) |
show_limits | boolean | false | Show the min and max thresholds under each bar |
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) |
Full Example
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
🖼️ Display Types
Full (default)
type: custom:flower-card
entity: plant.my_plant
display_type: full
Compact
A smaller card layout with hidden units and single-column bars:
type: custom:flower-card
entity: plant.my_plant
display_type: compact
Fine-Grained Overrides
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
📊 Show Bars
Select which measurement bars to display:
show_bars:
- moisture
- temperature
- illuminance
Available bars: moisture, temperature, conductivity, illuminance, humidity, dli, co2, soil_temperature
🌿 Care Info
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 your plant.… entity under Developer Tools → States.
🔋 Battery Sensor
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
🏷️ Extra Badges
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.
Example card with all bars, various badges and care info
🔍 Image Lightbox
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: true are 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).
🎨 Other Options
Custom Name
Type your own name:
name: "Living Room Monstera"
Or, on Home Assistant 2025.11 and later, pick the parts Home Assistant builds the name from, the same way as on its own cards. The same name works on every flower card, and each card fills in its own plant's area, device and name:
name:
- type: area
- type: text
text: " · "
- type: entity
The parts are entity, device, area, floor and text. The card editor offers the same name picker as Home Assistant's own cards. On older versions the card shows Home Assistant's default name instead.
Hide Species / Image
hide_species: true
hide_image: true
☕ Support
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.
