Browse Cards

Explore the community collection of Home Assistant dashboard cards.

Showing 1–4 of 4 cards

Energie
Energy Management Glassmorphism

Energie

This card shows the different entities in regard the the current PV production, PV Battery status and house consumption. The background is a jpeg picture.

by PeterB
v2 2
Multi-Entity Gauges & Indicators Tables & Grids
Untitled Card
Deliveries & Tracking Material Design

Untitled Card

terst

by Vtoxic06150
v1 1
Battery Powered Status & Badges
House Energy Flow with Background
Energy Management Glassmorphism
Official

House Energy Flow with Background

This Home Assistant card provides a visual overview of energy flow within a residential system, including grid, solar production, home consumption, and battery status. At the center, a schematic illustration of the house shows the energy paths between components (solar panels, inverter, battery, grid, and home). Along these paths, animated dots represent the real-time flow of energy. The speed of these animations dynamically changes based on the value of the associated entity, giving immediate visual feedback on the intensity of the energy transfer. At the top, a summary bar displays cumulative energy values (in kWh) for Grid, Home, and Solar. At the bottom, four dedicated sections present real-time power and status: Grid: current power exchange with the grid (W) Solar: current solar production (W) Home: current household consumption (W) Battery: current charge level (%) Each section is paired with an icon and clearly labeled value for quick readability. The overall layout combines numerical data with animated visual cues to make energy distribution and usage easy to understand at a glance.

by pdn
v1 1
Multi-Entity Gauges & Indicators Tables & Grids +1
Dimmerable Light with Push Button Exclusion
Lighting Minimalist
Official

Dimmerable Light with Push Button Exclusion

This Home Assistant card represents a light entity with an integrated dimming control in the background. The card displays the light’s name, its current state (on/off), and the brightness level as a percentage. The background functions as a slider used to adjust brightness: a long press activates the slider, allowing it to be dragged, and the selected value is applied when released. A simple tap on the slider (without holding) opens the entity’s “more info” panel. On the left side, an icon allows quick toggling of the light on or off. On the right side, there is a button that controls whether the associated physical switch is enabled. When this control is disabled, pressing the physical switch has no effect and does not change the light’s state.

by pdn
v1 0
Binary State Multi-Entity Gauges & Indicators
Energie

Energie

This card shows the different entities in regard the the current PV production, PV Battery status and house consumption. The background is a jpeg picture.

by PeterB Energy Management Glassmorphism v2 2
Multi-Entity Gauges & Indicators Tables & Grids
Untitled Card

Untitled Card

terst

by Vtoxic06150 Deliveries & Tracking Material Design v1 1
Battery Powered Status & Badges
House Energy Flow with Background

House Energy Flow with Background

This Home Assistant card provides a visual overview of energy flow within a residential system, including grid, solar production, home consumption, and battery status. At the center, a schematic illustration of the house shows the energy paths between components (solar panels, inverter, battery, grid, and home). Along these paths, animated dots represent the real-time flow of energy. The speed of these animations dynamically changes based on the value of the associated entity, giving immediate visual feedback on the intensity of the energy transfer. At the top, a summary bar displays cumulative energy values (in kWh) for Grid, Home, and Solar. At the bottom, four dedicated sections present real-time power and status: Grid: current power exchange with the grid (W) Solar: current solar production (W) Home: current household consumption (W) Battery: current charge level (%) Each section is paired with an icon and clearly labeled value for quick readability. The overall layout combines numerical data with animated visual cues to make energy distribution and usage easy to understand at a glance.

Official
by pdn Energy Management Glassmorphism v1 1
Multi-Entity Gauges & Indicators Tables & Grids Status & Badges
Dimmerable Light with Push Button Exclusion

Dimmerable Light with Push Button Exclusion

This Home Assistant card represents a light entity with an integrated dimming control in the background. The card displays the light’s name, its current state (on/off), and the brightness level as a percentage. The background functions as a slider used to adjust brightness: a long press activates the slider, allowing it to be dragged, and the selected value is applied when released. A simple tap on the slider (without holding) opens the entity’s “more info” panel. On the left side, an icon allows quick toggling of the light on or off. On the right side, there is a button that controls whether the associated physical switch is enabled. When this control is disabled, pressing the physical switch has no effect and does not change the light’s state.

Official
by pdn Lighting Minimalist v1 0
Binary State Multi-Entity Gauges & Indicators