Show off your favourite dashboard creations!

Really beautiful.
Can you share more details about how you did?
Thanks

Hey there,
started some years ago with HA and since then I am constantly fiddling around and disimproving my surroundings with data and automations :sweat_smile: Since the community was much help in understanding how things work and getting new ideas I wanted to give something back in the hope to inspire someone else :slightly_smiling_face:

This is my dashboard:

8 Likes

I love that theme. could you please share details

Mine is fairly simple but i like it! Many pages for different areas but here is the “home” page! FYI front door unlock is blinking red but screenshot got it in off blink :slight_smile:



red unlock in screenshot

1 Like

Thank you. Thats the “Whatsapp Theme” by Robin Wittebol:
GitHub - robinwittebol/whatsapp-theme: Home Assistant theme based on Whatsapp’s colors

@bergasha . I like your dashboard. Could you share your yaml code the family members? Thank you

Love the petrol/fuel map, mind sharing how you did that?

For completely starting in April 2022, at the age of 22 in a small apartment, I love how far I have come
in such a short time and what I have planned/ahead. Let me know your thoughts!

Video Walkthrough:
https://youtu.be/PIS08GvT9FM



In contrast to most others, I prefer a light layout… :wink:

11 Likes

I like light layouts, pretty clean. Would you mind telling me th source or name of the Blitzer alert?

It’s not that easy. I get the speed trap data with the help of a Perl script that runs on FHEM. I’m still looking for someone who can migrate this from Perl (FHEM) to Python (HA)…

Thats a picture-elements card with a map as picture-background and a whole lot of state-labels and images

type: picture-elements
elements:
  - type: state-label
    entity: sensor.tankerkoenig_shell_e10
    style:
      top: 78%
      left: 31%
      font-size: .9em
  - type: image
    image: /local/shell.png
    style:
      top: 78%
      left: 23%
      width: 5%
  - type: state-label
    entity: sensor.tankerkoenig_aral_e10
    style:
      top: 46%
      left: 68%
      font-size: .9em
  - type: image
    image: /local/aral.png
    style:
      top: 45%
      left: 76%
      width: 5%
  - type: state-label
    entity: sensor.tankerkoenig_esso_e10
    style:
      top: 25%
      left: 79%
      font-size: .9em
  - type: image
    image: /local/esso.png
    style:
      top: 24%
      left: 88%
      width: 7%
  - type: state-label
    entity: sensor.tankerkoenig_star_e10
    style:
      top: 56%
      left: 43%
      font-size: .9em
  - type: image
    image: /local/star.png
    style:
      top: 58%
      left: 35%
      width: 5%
  - type: state-label
    entity: sensor.tankerkoenig_agip_e10
    style:
      top: 58%
      left: 18%
      font-size: .9em
  - type: image
    image: /local/agip.png
    style:
      top: 58%
      left: 10%
      width: 4%
  - type: image
    image: /local/mobilityplus.png
    style:
      top: 30%
      left: 40%
      width: 4%
  - type: state-label
    entity: sensor.enbw_ebw_free_slots
    suffix: /2
    style:
      top: 30%
      left: 45%
      font-size: .9em
  - type: image
    image: /local/mobilityplus.png
    style:
      top: 20%
      left: 10%
      width: 4%
  - type: state-label
    entity: sensor.enbw_bdo_free_slots
    suffix: /4
    style:
      top: 20%
      left: 15%
      font-size: .9em
image: /local/map.png
1 Like

Ah, ok. Anyway, thanks!

Nice Dashboard! What Card is this? I like the look of it!

4c97f6ffa76a79cef93caafc48214e7a34623916

Nice.job!

“Clock Weather Card” in HACS. Brand new card that was just added. Added it in last night actually.

4 Likes

Nice! Do you have a git? or something where you can share full setup? Like to know your sidebar etc.

Really love the looks of your dashboard! Have been trying to figure out how you made the “host/container” section but I have no idea how you did it!

Bei dir würden mich die Kacheln mit dem Müll, Zugverbindungen, Spritpreisen, Blitzer und Pollen interessieren :stuck_out_tongue:

1 Like

Hi, I’d like to know how you got the paperless infos. Is this running in docker or baremetal?

Sadly I had to reconfigure my dashboard due to incompatibilities with different custom stuff, so no more code to show…

Overall it’s a horizontal stack with 4 panels:

left: a vertical stack of a mini-graph-card (using just the value-part) followed by a entity-slider-row
next: combination of picture-entities and flex-horseshoe
next: just flex-horseshoe
right: grid-card

especially the mini-graph-card and the slider where modified with cardmod to get font-sizes/colors and margin/padding just right.