Homer Dashboard Add-on for Home Assistant

Share your Projects!
1

Hi everyone! I’ve created a new add-on that integrates Homer Dashboard (Demo) with Home Assistant OS.

Many of us use Home Assistant OS not just for home automation, but also as a reliable platform for self-hosting various services. Whether you’re running media servers, network monitoring tools, or other applications, keeping track of them all can be challenging.

That’s where Homer comes in—a modern, customizable dashboard that helps you organize and access all your self-hosted services in one place!

:framed_picture: Screenshot

screenshot
screenshot2560×1321 189 KB

:sparkles: Features

:white_check_mark: Easy installation via the Home Assistant Add-on Store.
:white_check_mark: Secure access through the Home Assistant sidebar or as a standalone web app.
:white_check_mark: Customizable dashboard with Smart Cards for multiple services.
:white_check_mark: Ideal for organizing and quickly accessing self-hosted services like:

  • Media Servers (Plex, Jellyfin, Emby)
  • Network Monitoring (Uptime Kuma, Grafana)
  • Home Automation Tools and more!

:gear: Basic Configuration Example

To edit the dashboard, update /addon_configs/2243a3f0_homer/config.yml with your services:

services:
  - name: Home
    items:
      - name: Home Assistant
        icon: fas fa-home
        subtitle: Home Automation
        url: http://homeassistant.local:8123
        target: _top

      # Self-hosted Services
      - name: Plex Media Server
        icon: fas fa-play-circle
        subtitle: Media Streaming
        url: http://homeassistant.local:32400

      - name: Uptime Kuma
        icon: fas fa-chart-line
        subtitle: Monitor Services
        url: http://homeassistant.local:3001

:rocket: Installation

Open your Home Assistant instance and show the add-on repository dialog with a specific repository URL pre-filled.

:hammer_and_wrench: Support

:pushpin: GitHub Issues – For add-on related bug reports and feature requests.
:pushpin: Homer Documentation – For configuration options.

:handshake: Contributing

Contributions are always welcome! Feel free to submit pull requests or open issues on GitHub.

Let me know if you have any questions or need help setting it up! :rocket::bulb:

2 Likes
2

Happy to create an issue, but I might be missing something basic. With your exact config (per post 1) I get

Screenshot_20241224-103536
Screenshot_20241224-1035361200×2000 86.4 KB

Clicking on anything doesn’t work at all.

4

Ah right, I missed one level in the yaml config. I fixed the example in the post now.

5

Thanks, working better, but no sign of icons yet.

By the way can you use other icon sets?

6

According to Homer documentation, we can either use the icon: option with Font Awesome icons, or use logo: with an image path. The author does give Dashboard icons a mention.

7

Man, dumb error here, between reading your posts and the homer docs I mixed up logo: and icon:. Fine now. Thanks.

1 Like