Inspired by the iconic Star Trek user interface, LCARS for Home Assistant is intended to provide an LCARS-like dashboard experience for home assistant.
The easiest way to install HA LCARS Panel is via HACS (Home Assistant Community Store).
Steps:
- Ensure HACS is installed in Home Assistant.
- Go to HACS → Frontend → Custom Repositories.
- Add this repository: https://github.com/douglampe/ha-lcars-panel as type Dashboard
- Install HA LCARS Panel from HACS.
- Clear your browser cache and reload Home Assistant.
- Download
ha-lcars-panel.jsandha-lcars-panel.cssfrom the latest release. - Copy both files to the
/config/wwwfolder of your Home Assistant installation. - Add
/local/ha-lcars-panel.jsand/local/ha-lcars-panelcssas resources under Settings->Dashboards->Resources
To contribute to this project, see our Contributing Guidelines
The best way to learn how to use this LCARS system is through this interactive demo.
If you'd prefer to jump right in, you can find sample configurations (including the configuration for the interactive demo) here.
- Inspired by this LCARS Home Assistant Theme, and this LCARS HTML/CSS Framework.
- LCARS UI encouraged me to use Vue instead of vanilla JavaScript.
- Thanks to HA Lovelace Connector for cracking the code on wrapping a Vue SFC as a custom component.
- Shout out to Name That Color for helping give a name to colors I grabbed from various samples and for linking to Colblindor which provides the list of available colors.
- Thanks to LCARS Anomations on YouTube for inspiration for components and demos.
- Thanks to The LCARS for coming up with some cool themes that are supported here.
- Thanks to HA Nunjucks for bringing template support to custom card development.