diff --git a/help/user_interface.md b/help/user_interface.md
new file mode 100644
index 0000000..69e3e6f
--- /dev/null
+++ b/help/user_interface.md
@@ -0,0 +1,29 @@
+# [Documentation](/help) - User interface
+If this documentation was not useful enough for you, feel free to ask any question in [HA Client on Descord](https://discord.gg/nd6FZQ)
+
+- [Supported Lovelace Cards](#supported-cards)
+- [Additional UI tricks](#additional-ui-tricks)
+
+HA Client tries its best to display the same [Lovelace](https://www.home-assistant.io/lovelace/) interface as you have on the web. HA Client supports Lovelace [Views and Dashboards](https://www.home-assistant.io/lovelace/dashboards-and-views/) as well some Cards, but yet not all of them.
+
+## Supported Cards
+- [Alarm panel](https://www.home-assistant.io/lovelace/alarm-panel/)
+- [Button](https://www.home-assistant.io/lovelace/button/)
+- [Conditional](https://www.home-assistant.io/lovelace/conditional/)
+- [Entities](https://www.home-assistant.io/lovelace/entities/)
+- [Entity filter](https://www.home-assistant.io/lovelace/entity-filter/)
+- [Gauge](https://www.home-assistant.io/lovelace/gauge/)
+- [Glance](https://www.home-assistant.io/lovelace/glance/)
+- [Horizontal stack](https://www.home-assistant.io/lovelace/horizontal-stack/)
+- [Markdown](https://www.home-assistant.io/lovelace/markdown/)
+- [Media control](https://www.home-assistant.io/lovelace/media-control/)
+- [Vertical stack](https://www.home-assistant.io/lovelace/vertical-stack/)
+
+[Back to top](#documentation---user-interface)
+
+## Additional UI tricks
+If you whant to add additional vertical space between cards you can use [Markdown](https://www.home-assistant.io/lovelace/markdown/) card setting its **content** to `***`.
+
+[Back to top](#documentation---user-interface)
+
+### [Connection](/help/connection) < Previous | Next > [Mobile App Integration](/help/mobile_app_integration)