The Lovelace UI is a very powerful UI. Here are a few tips and tricks that might help you when working with Lovelace.
Have a tip or trick of your own? Click the “Edit this page on GitHub” at the top of this page to share it with everyone!
We have some amazing users that have created various tools to help you get started with Lovelace.
The Lovelace Migration Script by @dale3h converts your current “old UI” configuration to the new Lovelace format. The idea behind this tool is to help give you something to start playing with right away.
Lovelace only has limited file splitting functionality, due to the fact that Home Assistant
will be writing directly to the
!secret are supported at the moment.
If you want to split your configuration you can use one of the tools listed above, but edits done with the UI will be overwritten by those tools, so you should not use both.
If you do not want an element to be clickable you can add
to the element’s
style: configuration. This is quite useful when building a
Picture Elements card that will be viewed mostly in a
mobile browser. (@Toast)