mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-06-03 00:36:50 +00:00

* Sets front matter defaults * Removes default front matter from section templates/pages * Removes default front matter from addon pages * Removes default front matter from integration pages * Removes default front matter from posts * Removes default front matter from docs pages * Removes default front matter from other pages * Fixes blog category pages
34 lines
1.4 KiB
Markdown
34 lines
1.4 KiB
Markdown
---
|
|
title: "Lovelace UI"
|
|
description: "The Lovelace UI is a powerful and configurable interface for Home Assistant."
|
|
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).
|
|
|
|
## 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)
|
|
|
|
## Additional Lovelace Resources
|
|
|
|
* [Awesome HA](https://www.awesome-ha.com/#lovelace-ui)
|
|
* [Community Custom Cards](https://github.com/custom-cards)
|