Frontend/UI

Dashboards serve as the primary interface for users to interact with and control their smart home devices in Home Assistant. They offer a visual representation of the home’s current state, allowing users to monitor and manage various aspects of their environment from a single, centralized location.
Dashboards in Home Assistant can be customized to cater to individual preferences and needs, using a combination of:
- Cards: These are the building blocks of dashboards, displaying information and controls for specific devices or groups of devices. There are many different card types available, including sensor readings, switches, climate controls, media players, camera feeds, and more.
- Layouts: Layouts determine how cards are arranged on the dashboard, offering grid-based or freeform designs for optimal organization.
- Themes: Themes control the visual appearance of dashboards, allowing users to customize colors, fonts, and other aesthetic elements.
Built-in Cards
- Conditional Card - displays another card based on conditions
- History Graph - allows you to stack together multiple cards, so they always sit next to each other in the space of one column
- Horizontal Stack
- Vertical Stack - allows you to group multiple cards so they always sit in the same column
Custom Cards
These are selected and installed through Home Assistant Community Store (HACS)
- ApexCharts Card - customizable graphs, based on ApexCharts.js
- Card-Mod
- Decluttering Card - Creates modularized and reusable cards
- Expander Card - MelleD version
- Layout Card
- Mini Graph Card
- Mini Media Player - media player card
- Mushroom Card
- Stack In Card - allows to group multiple cards into one card without the borders. By default, it will stack everything vertically.
- Secondary Info Entity Row
- Tabbed Card
- Timer Bar Card - progress bar display for timers
- Weather Chart Card
- Weather Radar Card