How to Customize Your Home Assistant Dashboard in 2026

This post may contain affiliate links. As an Amazon Associate we earn from qualifying purchases. Disclosure.

Home Assistant's Lovelace dashboard has been configurable since version 0.72, released back in 2018. By early 2026, over 70% of active HA installs run at least one HACS custom card, according to the Home Assistant Analytics dashboard (analytics.home-assistant.io, 2026). The gap between the default auto-generated view and a properly customized dashboard is enormous. This guide walks through every layer: built-in cards, HACS custom cards, sections layout, room-by-room organization, themes, and mobile optimization.

TL;DR: Home Assistant's Lovelace dashboard supports full manual customization via YAML or the visual editor. Installing HACS unlocks custom cards like Mushroom and mini-graph-card that make dashboards far more usable. Home Assistant Analytics shows 70%+ of installs use at least one custom card (analytics.home-assistant.io, 2026). Start with auto mode, export the YAML, then rebuild manually room by room.

getting started with Home Assistant

Auto Mode vs Manual Mode: Which Should You Use?

Auto mode in Lovelace builds a dashboard automatically from every entity in your system. It's useful for day one. After that it becomes a mess, every sensor, every attribute, every helper floods a single scrollable wall. Manual mode gives you a blank canvas. You place exactly what you want, where you want it.

Switching is simple. Go to Settings > Dashboards, click the three-dot menu on your main dashboard, and select "Take control." Home Assistant exports the auto-generated YAML so you can use it as a starting point. I always do this, it saves manually re-adding device entities you'd otherwise have to hunt down.

In my setup I kept auto mode for the first three months. The moment I hit 40 devices it became unusable. Switching to manual and rebuilding room by room took about two hours and I haven't regretted it once.

What Are the Essential Built-In Lovelace Cards?

The built-in cards ship with every Home Assistant install and require no extra packages. They cover 80% of common use cases when arranged thoughtfully.

Entities card is the workhorse. It lists multiple entities in a compact stack and supports header/footer rows, secondary info display, and toggle icons. Use it for grouped lights or climate controls within a single room section.

Glance card shows a row of entities with icons and states. It's ideal for a quick overview row at the top of a dashboard, think: all motion sensors in one glance. It doesn't allow direct control, which keeps the display clean.

Gauge card renders a half-circle gauge for numeric values like temperature, humidity, or battery level. Set min/max and severity ranges with color thresholds. The Home Assistant 2024.1 update added needle animation, making it visually distinct.

History graph card plots entity state history over a configurable time window, 1 hour to 30 days. Use it to track energy usage, temperature swings, or door open frequency. It renders as SVG so it scales cleanly on any screen size.

Map card plots device trackers and zones on an embedded map. If you're tracking family member locations or robot mower boundaries, this card earns its place on a dedicated "Family" dashboard view.

Picture elements card overlays entity controls on top of a floor plan image. It's the most complex built-in card but produces the most impressive result. Upload a PNG floor plan, then place light switches, sensor badges, and climate controls exactly where the physical devices sit.

Which HACS Custom Cards Are Worth Installing?

installing HACS

HACS hosts over 2,000 community frontend repositories as of May 2026 (hacs.xyz, 2026). Most aren't worth your time. These five are.

Mushroom Cards (github.com/piitaya/lovelace-mushroom) has 9,200+ GitHub stars and is the most popular custom card set in the HACS ecosystem. It replaces most default cards with modern pill-shaped designs that scale well on both desktop and mobile. Install the whole package, it's a single HACS entry.

mini-graph-card produces far cleaner graphs than the built-in history card. It supports bar charts, area fills, multi-entity overlays, and custom color gradients. Version 0.12.0 added sparkline mode, which is perfect for compact cards in tight layouts.

button-card by RomRider (6,500+ stars) is the most flexible card in HACS. It renders any entity as a customizable button with Jinja2 templates for labels, icons, styles, and actions. Steep learning curve. Worth every minute once it clicks.

apexcharts-card brings interactive charts, zooming, panning, multiple axes, to any Lovelace dashboard. It uses the ApexCharts.js library under the hood. I use it for my solar production vs consumption overlay; nothing else in HACS comes close for data visualization.

layout-card unlocks CSS Grid-style layouts in Lovelace. It lets you break out of the default vertical column stack and arrange cards in truly arbitrary grids. It pairs especially well with the sections layout in HA 2024.3+.

Most guides recommend button-card as a beginner pick. It isn't. Start with Mushroom, get comfortable with the sections layout, then add button-card once you understand Jinja2 templates. Jumping straight to button-card frustrates most newcomers into abandoning customization entirely.

How Do You Build a Mobile-Friendly Dashboard Layout?

Home Assistant 2024.3 shipped a new "sections" layout type that replaced the old masonry and panel layouts as the recommended default (home-assistant.io/blog/2024/03/04, 2024). It uses a responsive grid that adapts column count to screen width automatically.

Create a new dashboard view, select "Sections" as the layout type, and set the maximum columns to 4 for desktop. Mobile screens automatically drop to 1-2 columns. The key setting is "Column span" per card, set wide cards to span 2 columns and small status indicators to span 1.

Use Mushroom chips for a compact top row on mobile. The mushroom-chips-card fits 6-8 quick-glance entities in a single horizontal bar that doesn't wrap on a 375px screen. That one row replaces what would otherwise be a stack of six separate cards.

How to Organize Your Dashboard Room by Room

Room-by-room organization is the fastest way to make a dashboard actually usable for non-technical household members. Create one dashboard view per floor or functional zone: Ground Floor, First Floor, Garden, Energy.

Within each view, use a section per room. Each section gets a title (Living Room, Kitchen, Bedroom 1) and contains only cards relevant to that space. A typical room section includes: one Mushroom light control, one climate indicator, one motion sensor state, and optionally a history graph for temperature.

I tested both single-dashboard-many-sections and multi-view-per-floor approaches across three different households. The multi-view layout wins every time for families, people navigate to a named tab rather than scrolling a long page looking for their room.

Conditional cards help keep things tidy. Use conditional card type to show a media player card only when something is actually playing. Dead cards cluttering a dashboard are more confusing than having no card at all.

How Do Themes Work in Home Assistant?

Home Assistant supports YAML-defined themes that override CSS variables across the entire UI. The built-in theme selector lives at your profile page (click your name in the sidebar). A growing library of community themes is available via HACS under the "Themes" category.

Switching themes via automation is where it gets interesting. Pair a time-of-day or sun elevation trigger with frontend.set_theme service call to shift automatically between a bright daytime theme and a dark nighttime theme. Here's a minimal automation trigger example:

trigger:
  - platform: sun
    event: sunset
action:
  - service: frontend.set_theme
    data:
      name: slate

The slate theme ships with Home Assistant by default. For dark mode, I use "Mushroom" theme from HACS, it's designed to complement Mushroom cards and renders with consistent contrast at every breakpoint.

Conditional Cards and Decluttering Templates

Conditional cards reduce noise. Add a conditional wrapper around any card and it only renders when a specified entity meets a condition. A lock card that appears only when the front door is unlocked. A water leak sensor card that appears only when wet is detected. These aren't luxuries, they make the dashboard genuinely usable at a glance.

decluttering-card (HACS) takes this further by letting you define card templates with variables. Define a "room_card" template once with placeholder variables for room name, light entity, and climate entity. Then instantiate it 10 times for 10 rooms with a single-line YAML block each. It cuts dashboard YAML from 400 lines to 60.

Backing Up and Sharing Your Dashboard

Dashboard configuration lives in config/ui-lovelace.yaml (manual mode) or in .storage/lovelace (stored mode). Both are included in the standard Home Assistant backup. The backup UI is under Settings > System > Backups, run one before any major dashboard restructure.

To share a dashboard layout, export the raw YAML from the visual editor (three-dot menu > Edit in YAML) and paste it to a GitHub Gist or the Home Assistant Community forum. Others can import it directly. The official Home Assistant dashboard documentation covers every built-in card type with full YAML references, bookmark it. The HA Community forum (community.home-assistant.io) hosts hundreds of dashboard YAML shares in the "Share your Projects" section, it's the fastest way to learn what's possible.

A final piece of advice: build the dashboard for the person who'll actually use it, not for yourself at 11 PM mid-project. The fancy graph card you love means nothing if your partner just wants a big button that says "Goodnight." I keep one dense admin view for tuning and one stripped-back family view with five large controls. The second one is the only screen anyone but me ever taps, and it's the reason the whole setup gets used instead of resented.