My dashboard compatible with PC, smartphone, tablet
Content :
- lovelace UI mode : lovelace.yaml is a full copy from the HA UI editor
- Custom light and dark themes
- Sensor and template files
I'm not an expert, I'm just a hobbyist.
The code is certainly not written in the best way, but I created this with my limited knowledge.
I write everything myself, so please be understanding! π
ππΌ There will be changes as I regularly evolve my dashboard with my ideas.
And more !
Read the CHANGELOG file : Updated on 09-22-2023
It's not a one-click setup!
Some knowledge is required before diving in:
-
Install a few HACS integrations necessary for proper functionality.
The unavoidable :
lovelace-card-mod
Add CSS styleslovelace-layout-card
Get more control over the placement of lovelace cardsvertical-stack-in-card
To group multiple cards into a single sleek cardbutton-card
Lovelace button-cardapexcharts-card
Higly customizable graph cardLovelace Mini Graph Card
Minimalistic graph cardPaper Buttons Row
Adds highly configurable buttons that use actions and per-state stylingbar-card
Customizable Animated Bar card -
Create the right sensor templates because I use them extensively and call them throughout the cards.
-
Know where to copy and paste each part, whether it's the sensor templates, the contents of Lovelace, or the button card templates.
-
Adjust the entities, remove the unnecessary ones, etc.
You need to adapt it to your configuration!
Dashboard created in 4 columns, thanks to the "layout card" available on HACS:
- The tab is configured with View Type: Horizontal (layout-card) / width: 350 / max_cols: 4
- A "vertical stack" column is nested within a card with :
type: custom:layout-card
layout_type: masonry
layout:
width: 280
cards:
I recommend that you install and use my themes for perfect optimization of my codes. If you prefer to use other themes, copy the "Additions for my lovelace" part into your favorite theme.
Then copying the button card templates.
And then starting to copy pieces of Lovelace.
- Raspberry 4 + SSD
- USB Sonoff Zigbee 3.0
- Bluetooth Sena Parani UD100
- Orange Livebox 4
- Tenda Nova MW6 and 1 MW12
I use Alexa for voice commands and Apple Home on the Apple Watch.
I work alone, I code almost everything with 'custom:button-card', I invent a lot of things, and lately, I've modernized my Dashboard, inspired by the wonderful work of my friend Quentin Cloos.
I don't copy his codes, I replicate them in my own way.
I invite you to take a look at his work, it's exceptional!
Mobile First and Bubble Card.
Do you know the amazing gauges developed by AndrΓ© Fortuna Gouveia?
I love them! Thanks to him!
HATC-GAUGE-CARD
If you like it, please give my repo a star! π
If you'd like to buy me a beer πΊ or a coffee βοΈ, say thanks π, show some love β€οΈβπ©Ή