Just wanted to say I love this design! Havenāt used it myself but will be stealing elements of it for my own UI 
Keep up the great work!!!
2 Likes
Hey Clemalex 
I donāt think I used this card anymore. But thanks for the info, I would correct that
Of course, but I need some time to clean my code, before share it
3 Likes
No problem thanks
Wow, this looks amazing! Any plans to build into a custom Lovelace strategy?
2 Likes
Imagine this UI right throughout HA 
3 Likes
Looks like this was depreciated in UI Editor?
Agreed, this design should be looked at as a default, itās just so clean!
2 Likes
Hi Todd
I havenāt explained it anywhere but itās possible to use it with the UI editor if you copy / paste the content of button_card_templates.yaml into the config editor.
I write it down to add it to the github 
Cheers mate, yeah thatās how I was able to accomplish it as well, did take me a bit to stumble across the fact !include doesnāt work in UI editor. Yeah, may be worth mentioning in GitHub for others 
On a side note, Iām currently looking at what is involved with Lovelace Strategies to auto populate Lovelace views, would you mind if use your cards in it (if I can get it to work of course)?
1 Like
What do you think about creating an addon section in your button_card_templates for community chips and cards ?
I do some tests on my side and it seems to be easy to implement
-
Replace include by this one in your ui-lovelace.yaml : button_card_templates: !include_dir_merge_named lovelace/button_card_templates
-
Put your ābutton_card_templates.yamlā in a specific folder and create an addon folder
Guys like @clemalex, @djacid or me could post our addons (button card templates) in this folder with a Readme file and community could download just what they want.
What do you think ?
2 Likes
Love your work its amazing. 
Can you please explain how to add ābutton_card_templates.yamlā to the UI editor?
Thanks
1 Like
Thanks @cameron 
You have to put button_card_templates: and the content of the file button_card_templates.yaml
2 Likes
Could be interesting if you update your template to prevent overwritting personal/community modifications.
Also, it could make your design more āmodularā.
And IMHO, could be easier to manage for the beginner : just download an Addon (a custom template) in a folder and add the reference to custom button configuration.
But maybe I am the only one to have this opinion 
I just created a plant card (need custom:flower-card)
plant:
tap_action:
action: more-info
icon: |
[[[
var icon = 'mdi:flower';
if (entity.state == 'problem'){
var icon = 'mdi:alert-circle';
}
return icon ;
]]]
label: >-
[[[
if (entity.state == 'problem'){
return 'ProblĆØme';
}else{
return 'Correct' ;
}
]]]
state:
- operator: template
value: >
[[[
return entity.state != 'on';
]]]
styles:
icon:
- color: "rgba(var(--couleur-vert),1)"
img_cell:
- background-color: "rgba(var(--couleur-vert),0.2)"
plant_graph:
variables:
entity: "plant.bonsai_ficus"
name: "Default name"
styles:
card:
- border-radius: 20px
- box-shadow: var(--box-shadow)
- padding: 12px
grid:
- grid-template-areas: '"item1" "item2"'
- grid-template-columns: 1fr
- grid-template-rows: min-content min-content
- row-gap: 6px
custom_fields:
item1:
card:
entity: "[[[ return variables.entity ]]]"
name: "[[[ return variables.name ]]]"
tap_action:
action: more-info
template:
- icon_info
- plant
type: "custom:button-card"
item2:
card:
template: list_1_item
type: "custom:button-card"
custom_fields:
item1:
card:
type: custom:flower-card
entity: "[[[ return variables.entity ]]]"
species: "[[[ return variables.species ]]]"
card_mod:
style: |
ha-card{
margin-top: 0px !important;
box-shadow: none !important;
--mdc-icon-size: 16px !important;
}
.header{
display: none !important;
}
.divider{
display: none !important;
}
.value{
display: none !important;
}
.attributes{
padding: 0px !important;
}
.attribute ha-icon {
margin-right: 0px !important;
}
list_1_item:
styles:
card:
- box-shadow: none
- padding: 0px
grid:
- grid-template-areas: '"item1"'
- grid-template-columns: 1fr
- grid-template-rows: min-content
- column-gap: 7px
6 Likes
Not a add-on like Samba Share, but like a custom folder who will receive all the cards made on the same model.
@schumijo, Make a simple pull request otherwiseā¦ 
I think the simpler the better. So it is better to make pull requests to enrich the theme
Is anyone else having issues with the motion cards?
I can add them but they donāt update when thereās motion or show the last change.