---
title: "Lovelace UI"
description: "The Lovelace UI is a powerful and configurable interface for Home Assistant."
redirect_from:
  - /integrations/lovelace/
---

Lovelace is the Home Assistant user interface. It's a fast, customizable and powerful way for users to manage their homes, working on mobile or desktop.

- 26 different cards to place and configure as you like.
- UI Editor. A configuration UI to manage your Lovelace UI including live preview when editing cards.
- Fast. Using a static configuration allows us to build up the UI once.
- Customizable.
  - Cards have numerous options to configure how your data is presented.
  - Themes; even at a per card basis.
  - Ability to override names and icons of entities.
  - Custom Cards from our amazing community are fully supported.

To start, go to the Home Assistant Overview page, click the three dots at the top right of the screen and select 'Configure UI'. Then click the orange '+' icon at the bottom right and select a card to add.

<div class='videoWrapper'>
<iframe width="560" height="315" src="https://www.youtube.com/embed/XY3R0xI45wA" frameborder="0" allowfullscreen></iframe>
</div>

To try it yourself, check out [the demo](https://demo.home-assistant.io).

## Discuss Lovelace

- Suggestions are welcome in the [frontend repository](https://github.com/home-assistant/frontend/)
- For help with Lovelace, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend)

## Additional Lovelace Resources

* [Awesome HA](https://www.awesome-ha.com/#lovelace-ui)
* [Community Custom Cards](https://github.com/custom-cards)
* [Material Design Icons](https://materialdesignicons.com/tag/community)
