Skip to main content
Print

Home Assistant Dashboards: Backgrounds, Browser Mod and Photo Frames

A Home Assistant dashboard does not have to look like an admin screen. This guide builds the foundations of a wall-mounted dashboard with its own background, navigation, full-screen browser display and photo-frame mode.

1. Create a dedicated dashboard

Go to Settings → Dashboards and create a dashboard from scratch. Add separate views for the main controls, photos and cameras if those are part of your plan.

2. Add a background

Edit the dashboard view and add a background image that suits the room. A subtle texture normally works better than a busy photograph because controls still need to be readable.

3. Install Browser Mod

Browser Mod is available through HACS. Install it, restart Home Assistant and add the integration. Register the browser used by the wall panel with a clear name such as Dashboard.

Important: test Browser Mod changes in a separate browser first. Hiding the sidebar and header can make it awkward to get back into the settings if you apply them to the browser you are using for configuration.

4. Hide the Home Assistant furniture

For the registered wall-panel browser, Browser Mod can hide the sidebar and header so the dashboard behaves more like a dedicated control panel.

5. Add your own navigation

Once the normal header is hidden, add navigation buttons or Mushroom template badges that switch between the dashboard, photos and camera views.

6. Add photo-frame mode

The Photo Frame custom card can display images stored in Home Assistant media. Create a media folder, configure the folder sensor as required by the card, and make the card fill the view.

If you accidentally hide everything

Do not panic. Browser Mod can still be reached directly, and clearing the Home Assistant site cookies for that browser can reset the browser-specific state. You will need to sign in again.

Watch the walkthrough

Table of Contents