My Home Assistant setup

This layout was designed mobile-first.

Background

Home Assistant is running in a Python venv on a Raspberry Pi 4 (4GB), with an SSD (Crucial MX500).

Lovelace layout

Dashboard (home view)

All cards in this view are in a vertical stack...

Badges

• System Load
• HACS available updates
• Network In
• Network Out
• mergerFS free %

This is the only view that contain badges.

Vertical stack 1

Switch card

• Desk Lamp
• TV Lamp

Switch row I

• Night Lamp switch
• Color Flow switch
• Lo-Fi Beats switch
• Lo-Fi Beats 2 switch
• Jazz Radio switch

Switch row II

• AdGuard Home switch
• Reboot Always-On Server
• Refresh Plex switch
• Circadian Lighting switch
• Shut Down/Restart X200M (secondary laptop)

Vertical stack 2

Graph row I

• CPU use
• Network health

Graph row II

• Hidden/conditional qBittorrent download card
• Hidden/conditional qBittorrent upload card

Now Playing card

• Automatically shows all active media players

---

Info view

Two vertical stacks in this view.

Vertical stack 1

Graph row I

• System Load - 5 minutes
• SSD used %
• Google Drive used space

Graph row II

• AdGuard Home - % of blocked ads
• AdGuard Home processing speed
• Latency - Speedtest.net

Graph row III

• CPU Temperature (host)
• CPU Temperature (Always-On server)
• Jitter - Speedtest.net

Graph row IV

• Download speed
• Upload speed

This is a custom sensor that uses the official Speedtest CLI as opposed to the speedtest-cli integration, which is very inaccurate.

Vertical stack 2

Network throughput card

• Graphs network usage within the last hour

Network traffic card

• Total traffic in
• Total traffic out

This is another custom sensor that gets daily network usage from vnstat instead of using the rather buggy internal integration.

Sensor graph

Pings my local ISP node and Cloudflare DNS. Very helpful in isolating network issues.

---

Tile view

Vertical stack 1

Specific devices tracking card

Radarr/Sonarr cards

• Radarr/Sonarr ongoing commands
• Radarr/Sonarr Upcoming
• Sonarr Queue/Wanted
• Radarr Movies/Sonarr Shows

Vertical stack 2

Router devices

Using the Netgear integration, this card shows all devices that are/were connected to my router. Shows the last updated device on top.

---

Camera view

This view contains one vertical stack only.

---

Remote control view

This view contains one vertical stack only.

Spotify card

Header card

Media player cards for Alexa devices

---

Plex view

All cards in this view are in a single vertical stack.

These two graph rows provide an overview of network activity and helps track if a Plex client is buffering.

Graph row I

• Plex Watching sensor
• Tautulli current bandwidth

Graph row II

• Network In sensor
• Network Out sensor

Plex player cards

• Conditional header cards with Plex media player cards

---

Television view

TV media player cards

• Header cards for floors
• TV media player cards

---

Custom plugins

Custom Components

• HACS by ludeeus
• Alexa Media Player
• Circadian Lighting by claytonjn

Lovelace

• card-mod by thomasloven
• mini-graph-card by kalkih
• mini-media-player by kalkih
• slider-entity-row by thomasloven
• state-switch by thomasloven
• auto-entities by thomasloven
• slider-entity-row by iantrich
• custom-header by maykar
• lovelace-swipe-navigation by maykar
• button-card by RomRider
• config-template-card by maykar

---

Notes

• Screenshots may not be up-to-date.
• Entities beginning with int are "internal" entities that are used inside templates.
• Shutting down/Rebooting X200M involves a program called Assistant Computer Control that runs on the laptop. The cURL request calls a IFTTT webhook which in turn writes a specific word in a file inside OneDrive that the software is able to recognize and perform actions accordingly.
• The header that is used for separating cards is from the theme, soft-ui.

---

Special thanks

• to all authors above,
• and all the very helpful folks over at the HA Discord.