Lovelace was officially introduced as a replacement for the states UI over a year ago, so it is time to drop support for the states UI.

In version 0.107 we will remove the states UI from Home Assistant completely, if you are not using Lovelace yet, we advise you to switch.

Lovelace is by default almost the same as states UI, with the bonus of a lot of flexibility if you want it.

We added 2 new types to the entities card, a header and a footer. At the moment we have two options for these, an image and buttons.

<p class='img'>

<img src='/images/blog/2020-02-0.105/entities-card-header-footer.png' alt='Screenshot of the new header and footer for entities card'></a>

Screenshot of the new header and footer for entities card.

</p>

In generated mode, entities that start with the name of the area or group they are in will be shown without the name of the area or group.

So if you have a light named "Living room lights" that is in the area "Living room" they will be shown as "lights" in a card with the header "Living room".

We no longer show `device_tracker` entities in generated mode. We advise you to bind one or more device trackers to a person that will be shown in the UI.

The entities card no longer colors icons based on states, except for lights. If you would like the old behavior back or want to disable it for lights too, you can do so with the option `state_color`.

Other cards still show colors for states, and we added this functionality for a lot more domains.

We added a lot of accessibility features to Lovelace, you can navigate almost everything with the tab key.

We will continue to work on this so that people with disabilities can also enjoy Home Assistant.

For a full list of changes see the [Lovelace changelog](/lovelace/changelog/).

In this release, we started the overhaul of the configuration panel.

We have accumulated a lot of functionality in the last releases in the config section, now it is time to bring it all together.

The next release we will make changes to make things easier to find and connect the different elements with each other.

This release we implemented config sections and a new tabbed UI as well as some visual tweaks.

We also updated the device page to show the automations, scripts, and scenes a device is used in and added the ability to easily create new ones with the device.

<p class='img'>

<img src='/images/blog/2020-02-0.105/device-info-page.png' alt='Screenshot of the new device info page'></a>

Screenshot of the new device info page.

</p>

In the more info dialog, we changed the settings button to open the entity settings dialog, and added a related tab there as well. So you can see what device, integration, area, scenes, scripts, automations, entities, and groups belong to that entity.

For scenes, scripts and automations that are created in the UI we also added an edit button right in the more info dialog so you can easily edit it without searching for it.

We also added a brand new zone editor. You can no longer find your zones in the integration list, but they moved to their own section.

The editor will only work for zones that are created in the UI, zones that are set up in `configuration.yaml` are read-only.

In the editor, you can move your zones with drag and drop and change the size of your zones by dragging the circle.

You can also easily add and remove zones and change names.

<p class='img'>

<img src='/images/blog/2020-02-0.105/zone-editor.gif' alt='Screenshot of the zones editor'></a>

Screenshot of the zones editor.

</p>

There is a lot more done on the frontend that we can't all mention, some highlights:

- Logbook panel is a lot quicker

- Maps no longer fit zones, but only entities

- ZHA panel no supports binding devices to groups

- Ability to add new areas on the device page

- Material Design Icons are updated to v4.8.95

- A lot of bug fixes

- Allow input\_\* and timer component setup without config ([@Adminiuga] - [#30772]) ([input_boolean docs]) ([input_number docs]) ([input_select docs]) ([input_text docs]) ([timer docs])

- Remove all empty \*\_setup_platform() from integrations ([@frenck] - [#31025])

[@adminiuga]: https://github.com/Adminiuga

[@anonym-tsk]: https://github.com/Anonym-tsk

[@bkpepe]: https://github.com/BKPepe

[@cereal2nd]: https://github.com/Cereal2nd

[@danielhiversen]: https://github.com/Danielhiversen

[@jefflirion]: https://github.com/JeffLIrion

[@kane610]: https://github.com/Kane610

[@martinhjelmare]: https://github.com/MartinHjelmare

[@matthewflamm]: https://github.com/MatthewFlamm

[@mic92]: https://github.com/Mic92

[@minilau]: https://github.com/MiniLau

[@noblekangaroo]: https://github.com/NobleKangaroo

[@olen]: https://github.com/Olen

[@poeschl]: https://github.com/Poeschl

[@quentame]: https://github.com/Quentame

[@stevenlooman]: https://github.com/StevenLooman

[@sukramj]: https://github.com/SukramJ

[@watchfox]: https://github.com/Watchfox

[@wolph]: https://github.com/WoLpH

[@yarmom]: https://github.com/YarmoM

[@starkillerog]: https://github.com/starkillerOG