Glassmorphism Dashboard Cards for Home Assistant

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.