Biofects Theme is a modern, futuristic HUD display for Home Assistant, designed to be both visually striking and easy to use. [WIP]
I created the Biofects Theme to give my family a clean, easy-on-the-eyes interface with a simple layout that everyone can navigate. It's not just visually appealing but also designed to seamlessly integrate with additional plugins for a rich user experience.
-
My Home Assistant runs in Docker on a server. I don't use the supervised version, nor do I send any data to Home Assistant servers. This is my personal choice, despite it requiring more manual management.
I don’t know how it works with HAOS.
-
I prioritize securing my network by blocking phone home calls from IoT devices, ensuring data privacy.
-
My Home Assistant setup includes an array of devices, with plans to expand further. Here’s a snapshot of what I manage:
- 💡 Hue
- 🏠 Tuya
- 📊 Grafana for monitoring
- 🎞️ Emby for media
- 🚪 Door locks
- 🔒 Cameras
- 💻 Local AI (on server)
- 🚦 Pi Hole for ad-blocking
- 🖥️ Full network & server monitoring, including GPU & storage
- 🌀 Fans
- And much more to come!
If you find this theme useful, please consider donating. Your support is greatly appreciated!
These are the essential plugins that helped me craft the Biofects Theme experience:
- Sidebar Card – For an easy-to-navigate sidebar.
- Wall Panel – A powerful screen saver.
- Kiosk Mode – Hides UI elements for a streamlined experience.
- Card Mod – Add custom styling to cards.
- Restriction Card – Lock access to things like thermostats. 🔒
- Unifi Gateway
- Unifi Counter Sensors
- Simple Sticky Note – For quick notes.
- Clock Weather Card
- Kiosk Mode – Hides UI elements for a streamlined experience.
- Ensure HACS is installed in your Home Assistant.
- Open the HACS panel, click the three dots in the top-right corner, and select "Custom Repositories."
- Add the following URL as a Custom Repository:
https://github.com/biofects/biofects-theme
and select "Theme" as the category. - Click "Add," then navigate to the "Theme" tab, click "+ Explore & Download Repositories" and search for "Biofects."
- Install the theme and restart Home Assistant.
- Go to User Profile in Home Assistant and select the Biofects theme.
To get the layout I wanted with Biofects Theme, I combined various plugins and customization:
- Updated each dashboard to support Wall Panel, Sidebar Card and Kiosk Mode.
- YAML for content and views should be placed above the dashboard views.
- Example box for clock-weather card configuration:
Clock-Weather_card-configuration.yaml - Full Lovelace dashboard configuration:
lovelace-dashboard.yaml
If you encounter bugs or have feature requests, feel free to open an issue on the GitHub repository.
This project is licensed under the MIT License.