*** Admin feel free to delete if duplicate thread ***
I’m always interested in improving the UI of my HA, and take plenty of ideas from the community on various threads, but haven’t seen one place for people to show off their amazing dashboard work! So thought I would start something 
Rather than showing off specific elements, buttons etc, thought it would be good for people to share their entire screens/dashboards. I’ll go first to get the ball rolling, still work in progress on these though!
Hi @benm7 thanks for sharing your dashboard, it is awesome. Do you mind sharing your lovelace files etc please?
Sure thing, any dashboard in particular? Have added a few more FYI as well.
i See we use a few cards in common: but here you go - really a long way for this to be like that - but im kinda proud of it=) I will not show all different areas but my favorite ones=)
Navigation and main control
climate control:
device overview:
EPG:
lights
the one showing the vacuum? Also how did you get the “Good Morning Ben” with the weather forecast display? looks cool.
Love the use of the pictures, really makes it easy to know what each button is for!
A few steps to create the greeting (stole it from someone else here of course!):
frontend_greeting:
name: Frontend Greeting
options:
- Good Morning
- Good Afternoon
- Good Evening
- Good Night
- alias: Frontend Greeting
trigger:
- platform: time_pattern
minutes: /5
- platform: homeassistant
event: start
action:
service: input_select.select_option
data_template:
entity_id: input_select.frontend_greeting
option: "{% if (states.sensor.time.state > '22:00') and (states.sensor.time.state\
\ < '06:00') %}\n Good Night\n{% elif (states.sensor.time.state > '06:00')\
\ and (states.sensor.time.state < '12:00') %}\n Good Morning\n{% elif (states.sensor.time.state\
\ > '12:00') and (states.sensor.time.state < '18:00') %}\n Good Afternoon\n\
{% elif (states.sensor.time.state > '18:00') and (states.sensor.time.state\
\ < '21:59') %}\n Good Evening\n{% endif %}\n"
- type: vertical-stack
# view_layout:
# grid-area: header
flex-grow: 2
style: |
ha-card {
box-shadow: none;
border-style: hidden;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
cards:
- type: markdown
style:
.: |
ha-card {
background-color: rgba(0,0,0,0) !important;
box-shadow: none;
}
ha-markdown:
$: |
ha-markdown-element:first-of-type h2 {
background-color: rgba(0,0,0,0);
color: var(--primary-color);
font-size: 18px;
line-height: 18px;
}
ha-markdown-element:first-of-type h3 {
background-color: rgba(0,0,0,0);
font-weight: normal;
color: var(--primary-text-color);
font-size: 12px;
line-height: 12px;
}
ha-markdown-element:second-of-type h3 {
background-color: rgba(0,0,0,0);
color: var(--primary-text-color);
font-weight: normal;
font-size: 12px;
line-height: 12px;
}
content: |
## {{ states('input_select.frontend_greeting') }}, {{user}}
### Today will be {{ states('sensor.dark_sky_daytime_high_temperature_1d') }}°C <br/> {{ states('sensor.dark_sky_summary_1d') }}
Amazing ! thank you will try and do it for myself and see how I get on Thanks.
@benm7 So I tried to use your lovelace config and copy pasted your code in to the editor but it gives me error.
Do you know if it could be to do with formatting etc?
Hey Flipso, how did you create the EPG?
Hey Pedolsky, i used the Feedparser with a rss for live tv - mine is texxas, its not the best but a few channels work…
after getting the list i then feed everything in a markdown card where i had to manually add the logos
Greeting
Thank you very much!
@benm7 could you please share your darksky config? I am trying to match it to make it work for me. Thanks.
wow @benm7 that looks amazing! What do you use for the room buttons (and how to you reveal the entities behind those?)
greetz
Im also looking for a substitute for darksky, anyone suggestions?
Great work!
Which custom card are the circle graphs from?
Great work man. I am interested in the code for your tracking of you and your wife. I am trying to accomplish something like that myself. Thanks ahead of time
Just a range of different custom button cards with custom fields depending on my needs eg. temperature only, temperature + colour code for certain appliances/devices.
I use popup cards through card-mod to show everything within that room.
Its from Apex Charts: ApexCharts card - A highly customizable graph card
The type is radial bar
how do you show the weather icon in a markdown?