---
layout: page
title: "Lovelace UI"
description: "The Lovelace UI is a powerful and configurable interface for Home Assistant."
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
sharing: true
footer: true
redirect_from: /components/lovelace/
---

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

 - 24 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 config 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.

<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).

## {% linkable_title Discuss Lovelace %}

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

## {% linkable_title Additional Lovelace Resources %}

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