How to move your dashboard to an HTML or WordPress page

Have you ever been frustrated with the layout and theme limitations of HA lovelace dashboards? Tired of waiting for it to completely load before you can actually use it? Ever wished you could just put your dashboard directly into WordPress or an HTML page and take full control of the layout? Now you can...

HArvest is a new system for securely hosting or controlling your devices from any webpage.

If you have a household or company intranet, you can create an HTML dashboard for real-time monitoring, or even complete control, of your devices.

If you host a WordPress site, or other public website, you can expose your devices to the world, securely, while keeping your HA installation safe.

You don’t even need a web server - you can save an HTML file onto your desktop and use that as your dashboard! It’s really that simple.

<hrv-card entity="light.hallway"></hrv-card>

This is what an entity looks like in the HTML page source. You can move it around your page and and format as you wish. All customization happens within the HArvest panel, so you never need to touch your HTML source if you decide to change the appearance of your card. Changes take place instantly.

Documentation: https://sfox38.github.io/HArvest/

Security: HArvest was designed to be secure first and foremost, with multiple levels of control over what and how you share. Use the Activity pane to audit all network traffic.

Themes: HArvest ships with five built-in themes, and supports user-created themes, which you can easily share with others.

Cards: Support for the 15 standard HA cards, including badges. All cards support light/dark mode, read-only/full-control, tap gestures, and multiple device-specific controls.

Tools: Convert your existing lovelace dashboards to HTML. Convert an existing lovelace theme to HArvest. Build new cards to support custom entities/devices.

Fast: HArvest uses WebSockets and does not rely on any additional libraries, so dashboard load times are insanely fast, only limited by the speed of the connection to your HA server.

Easy to use: Just install the integration then click on the HArvest panel. A wizard will walk you through creating your first dashboard in just a couple minutes.

This is a release-candidate preview. HArvest needs more real-world testing to reach v1.0 status. That said, it’s fully functional right now with no outstanding issues. Please leave feedback here or on GitHub, it will be very much appreciated.

1 Like