Wow this is a great sketch @cphassistant.
On our long term goals is already also to offer a similar footer navigation as from 7ahangās work that is actually the origin for the design of this UI:
But as @rickstokking already says. It would probably be good if you could post a feature request on github. Then it can be tracked better. 
It would be awesome to go with that tabbar from 7ahang 
I have created a feature request here Tabbar navigation Ā· Issue #346 Ā· UI-Lovelace-Minimalist/UI Ā· GitHub
Hello, is there a simple way to add an alerte (!) on chip card ?
using a custom definition.
hi,
looks great!
can you please share your cards.
how did you make the title card ? as in your screen shot, Entrance with sub text with temperature and the other icons on the right? could you please share?
thanks.
Hello, here is the code i try to make working.
custom_chip_icon_state:
template: chip_icon_state
# triggers_update: "all"
state:
styles:
custom_fields:
notification:
- border-radius: "50%"
- position: "absolute"
- left: "38px"
- top: "8px"
- height: "16px"
- width: "16px"
- border: "2px solid var(--card-background-color)"
- font-size: "8px"
- line-height: "10px"
- background-color: >
[[[
return "rgba(var(--color-red),1)";
]]]
styles:
custom_fields:
notification: >
[[[
if (state.variables.ulm_chip_icon_state_entity.state > 0 ){
return `<ha-icon icon="mdi:exclamation" style="width: 10px; height: 10px; color: var(--primary-background-color);"></ha-icon>`
}
]]]
and here is the result :
No alerte and the icon is too high.
With the standard chip_icon_state :
Icon and Label are centered.
Whatās wrong in my code ? Can Someone help ?
How about a floating button. It uses less space
Hello, nice layout. Is it possible to share code?
Thanks!
I clean my code i will post the code later yes
Hi all,
Iāve almost completed my thermostat card, but stuck on returning the remaining time of my timer.
I have configured a timer and using node-red to turn off the AC unit after the timer finishes.
I am wanting to return the current remaining time in the label section.
The timer countdown works as seen below, but i am unsure as to how to return this value in the custom card.
I am using the input number card.
card_input_number:
variables:
ulm_card_input_number_name: "n/a"
triggers_update: "all"
styles:
grid:
- grid-template-areas: "'item1' 'item2'"
- grid-template-columns: "1fr"
- grid-template-rows: "min-content min-content"
- row-gap: "12px"
card:
- border-radius: "var(--border-radius)"
- box-shadow: "var(--box-shadow)"
- padding: "12px"
custom_fields:
item1:
card:
type: "custom:button-card"
template:
- "icon_info"
- "ulm_language_variables"
- "input_number"
tap_action:
action: "more-info"
entity: "[[[ return variables.ulm_card_input_number_entity ]]]"
name: "[[[ return variables.ulm_card_input_number_name ]]]"
show_last_changed: false
label:
entity: timer.ac_timer
Any help on the label section would be greatful.
Aaron
I have also found with the light slider you cannot tap and drag with any touch interface. You can only tap along the bar. Makes it very difficult to adjust, especially to 100%.
Does anyone know how to resolve this?
Great job, really love to see your code for the thermostat any chance you can share this with me? Thanks in advance!
I have a question on the custom_cards, when I installed the integration it seems the custom_cards was not installed. (only the cards where) Is there a way to install from HACS? I searched but couldnāt find them. Or is it only manual? If Manual, is there a special place I should be creating these files? Thanks in advance.
the custom cards can be downloaded from the git hub - GitHub - UI-Lovelace-Minimalist/UI: UI-Lovelace-Minimalist is a "theme" for HomeAssistant
download the zip then copy the custom card folder you need into your templates folder
make sure you include the below in your lovelace-minimalist.yaml file to include the templates in your code.
button_card_templates: !include_dir_merge_named minimalist-templates/
Thanks for getting back to me! I am a little confused. I donāt have a lovelace-minimalist.yaml file. Mine is ui-lovlace.yaml file that came as default with this integration. Is that what I would add this too? Thanks again for all the help
oh thatās just what i named my yaml file when I started.
Please read the docs. This is the official way how to use custom cards: Configuration - UI Lovelace Minimalist
Yes thanks I got it working, thanks for responding
Love to see your code as well so I can do the same. Thanks in advance!
Hello everyone !
A few days ago, I discovered this āthemeā which I really like; I am therefore in the process of switching my old dashboard to āUI Minimalistā. I started with the rather basic cards, but now Iām getting into small customizations and now Iām stuckā¦
The old cards to convert
With the help of the community, I had set up some āTemperaturesā cards that visually and functionally pleased me a lot. So I want to adapt something that comes as close as possible to it, as Iām not convinced by already existing examples that I found here and there.
type: entities
title: Salon
state_color: false
theme: transparent
entities:
- entity: sensor.netatmo_air_quality_jouffroy_temperature
name: TempƩrature
type: custom:multiple-entity-row
style: |
.entity:not(.state)>div {
color: var(--secondary-text-color);
}
state_header: Actuelle
entities:
- entity: sensor.stats_temp_salon_min
name: Min
- entity: sensor.stats_temp_salon_max
name: Max
- entity: sensor.netatmo_air_quality_jouffroy_humidity
name: HumiditƩ
- entity: sensor.netatmo_air_quality_jouffroy_co2
name: CO2
- type: custom:swipe-card
reset_after: 5
parameters:
roundLengths: true
effect: coverflow
speed: 650
spaceBetween: 20
threshold: 7
coverflowEffect:
rotate: 80
depth: 300
start_card: 1
cards:
- type: custom:hui-element
card_type: horizontal-stack
cards:
- type: custom:mini-graph-card
align_icon: state
line_width: 3
color_thresholds:
- color: '#ef1d0f'
value: 25
- color: '#ef5a0f'
value: 24
- color: '#f0da11'
value: 22
- color: '#11f13a'
value: 19
- color: '#1da4f2'
value: 15
entities:
- entity: sensor.netatmo_air_quality_jouffroy_temperature
index: 0
hour24: true
more_info: false
points_per_hour: 1
show:
labels: false
name: false
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_humidity
index: 0
hour24: true
line_color: '#1da4f2'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
labels: false
name: false
- type: custom:hui-element
card_type: horizontal-stack
cards:
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_noise
index: 0
hour24: true
line_color: '#ff0000'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
labels: false
name: false
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_pressure
index: 0
hour24: true
line_color: '#A700FF'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
graph: bar
labels: false
name: false
My work in progress on UI Minimalist
I tried my best to convert those cards, but without much successā¦
- type: 'custom:button-card'
template: card_generic
name: Salon
show_label: false
show_state: false
show_name: false
show_icon: false
styles:
card:
- border-radius: var(--border-radius)
- box-shadow: var(--box-shadow)
- padding: 0px
entity: sensor.netatmo_air_quality_jouffroy_temperature
styles:
grid:
- grid-template-areas: '"item2 item2 item2 item2" "item3 item3 item3 item3"'
- grid-template-rows: min-content min-content min-content min-content
- grid-template-columns: 1fr 1fr 1fr 1fr
- row-gap: 7px
custom_fields:
item2:
card:
type: entities
title: Salon
state_color: false
entities:
- entity: sensor.netatmo_air_quality_jouffroy_temperature
name: TempƩrature
type: custom:multiple-entity-row
style: |
.entity:not(.state)>div {
color: var(--secondary-text-color);
}
state_header: Actuelle
entities:
- entity: sensor.stats_temp_salon_min
name: Min
- entity: sensor.stats_temp_salon_max
name: Max
- entity: sensor.netatmo_air_quality_jouffroy_humidity
name: HumiditƩ
- entity: sensor.netatmo_air_quality_jouffroy_co2
name: CO2
item3:
card:
type: custom:swipe-card
reset_after: 5
parameters:
roundLengths: true
effect: coverflow
speed: 650
spaceBetween: 20
threshold: 7
coverflowEffect:
rotate: 80
depth: 300
start_card: 1
cards:
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
align_icon: state
line_width: 3
color_thresholds:
- color: '#ef1d0f'
value: 25
- color: '#ef5a0f'
value: 24
- color: '#f0da11'
value: 22
- color: '#11f13a'
value: 19
- color: '#1da4f2'
value: 15
entities:
- entity: sensor.netatmo_air_quality_jouffroy_temperature
index: 0
hour24: true
more_info: false
points_per_hour: 1
show:
labels: false
name: false
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_humidity
index: 0
hour24: true
line_color: '#1da4f2'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
labels: false
name: false
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_noise
index: 0
hour24: true
line_color: '#ff0000'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
labels: false
name: false
- type: custom:mini-graph-card
align_icon: state
entities:
- entity: sensor.netatmo_air_quality_jouffroy_pressure
index: 0
hour24: true
line_color: '#A700FF'
more_info: false
name: Salon
line_width: 3
points_per_hour: 1
show:
graph: bar
labels: false
name: false
Can any of you help me make this more āUI Minimalist-compatibleā? I admit that Iām a little out of ideas, Iāve reached the maximum that my skills allow for now 
Thanks to you all !
I am very sorry for stupid question, but how to properly delete minimalist theme installed on very first beta version when we download files directly without hacs integration?