{"id":54016,"date":"2021-10-13T16:47:58","date_gmt":"2021-10-13T08:47:58","guid":{"rendered":"https:\/\/www.seeedstudio.com\/blog\/?p=54016"},"modified":"2025-02-07T06:32:31","modified_gmt":"2025-02-07T06:32:31","slug":"smart-home-with-home-assistant-on-openwrt","status":"publish","type":"post","link":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/","title":{"rendered":"Smart Home with Home Assistant on OpenWrt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"54016\" class=\"elementor elementor-54016\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2302c19e e-flex e-con-boxed e-con e-parent\" data-id=\"2302c19e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aaa18e6 elementor-widget elementor-widget-text-editor\" data-id=\"4aaa18e6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span id=\"scroll69d05ecaacbba\"  class=\"scrollMagicControl\" type=\"hidden\" effect = {} wpmp_enable_desktop=\"yes\" wpmp_enable_tablet=\"yes\" wpmp_enable_mobile=\"yes\" wpmp_trigger_hook=\"0.5\" wpmp_reverse=\"yes\" wpmp_class_CSS =\"custom\" split-text = {} value=\"scrollmagic\"><\/span>\t\t\t\t\n<figure class=\"wp-block-video\"><video src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/twitter.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is OpenWrt?<\/h2>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/openwrt.org\/\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">OpenWrt<\/a> is an open-source Linux operating system which runs on embedded devices\/ routers. It offers more features, performance and security than a traditional router. It has a filesystem that\u2019s fully writable and includes a package management system. You can make use of these packages to suit your applications in various ways.<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-53518\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-1030x306.png\" alt=\"\" width=\"443\" height=\"131\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-1030x306.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-300x89.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-768x228.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-1536x457.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo-1024x305.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/logo.png 2000w\" sizes=\"(max-width: 443px) 100vw, 443px\" \/><\/figure>\n<\/div>\n\n\n\n<p>By using OpenWrt you can have various features such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Increase overall network performance when multiple devices are connected<\/li>\n<li>Share files between devices via an external storage drive connected directly to the router<\/li>\n<li>Increase network security<\/li>\n<li>Run a BitTorrent client from the router<\/li>\n<li>Connect a printer directly to the router to create a networked printer<\/li>\n<li>Limit bandwidth usage of a particular device in the network<\/li>\n<li>Active queue management<\/li>\n<li>Real time network monitoring<\/li>\n<li>Create Dynamic DNS<\/li>\n<li>Set Up a VPN client or server<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What is OpenWrt System by Seeed?<\/h2>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/Seeed-Studio\/seeed-linux-openwrt\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">Openwrt System by Seeed<\/a> is a great way to add some great Luci applications to the latest version of OpenWrt. It provides a stable, flexible, and easy-to-use OpenWrt system for <a target=\"_blank\" href=\"https:\/\/www.seeedstudio.com\/Dual-GbE-Carrier-Board-with-4GB-RAM-32GB-eMMC-RPi-CM-4-p-4898.html\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">CM4<\/a> and <a target=\"_blank\" href=\"https:\/\/www.seeedstudio.com\/ODYSSEY-X86J4125800-p-4915.html\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">x86<\/a> based hardware devices.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<ul class=\"blocks-gallery-grid\">\n<li class=\"blocks-gallery-item\">\n<figure><img decoding=\"async\" width=\"1022\" height=\"826\" class=\"wp-image-53536\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/ODYSSEY-X86J4105-side.png\" alt=\"\" data-id=\"53536\" data-full-url=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/ODYSSEY-X86J4105-side.png\" data-link=\"https:\/\/www.seeedstudio.com\/blog\/?attachment_id=53536\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/ODYSSEY-X86J4105-side.png 1022w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/ODYSSEY-X86J4105-side-300x242.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/ODYSSEY-X86J4105-side-768x621.png 768w\" sizes=\"(max-width: 1022px) 100vw, 1022px\" \/>\n<figcaption class=\"blocks-gallery-item__caption\">ODYSSEY &#8211; X86J4125<\/figcaption>\n<\/figure>\n<\/li>\n<li class=\"blocks-gallery-item\">\n<figure><img decoding=\"async\" width=\"1030\" height=\"773\" class=\"wp-image-53539\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4-1030x773.png\" alt=\"\" data-id=\"53539\" data-full-url=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4.png\" data-link=\"https:\/\/www.seeedstudio.com\/blog\/?attachment_id=53539\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4-1030x773.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4-300x225.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4-768x576.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4-1024x769.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/cm4.png 1251w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/>\n<figcaption class=\"blocks-gallery-item__caption\">Dual Gigabit Ethernet Carrier Board for RPi CM4<\/figcaption>\n<\/figure>\n<\/li>\n<\/ul>\n<\/figure>\n\n\n\n<p>Seeed&#8217;s OpenWrt system provides not only basic routing functions but also platform software for HomeLab, AIoT, allowing users to quickly implement different scenarios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Home Assistant?<\/h2>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.home-assistant.io\/\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">Home Assistant<\/a> is a free and open-source software for home automation that is designed to be the central control system for smart home devices. It can be accessed via a web-based user interface, via companion apps for Android and iOS, or using voice commands via a supported virtual assistant like Google Assistant or Amazon Alexa.<\/p>\n\n\n\n<p>Home assistant enables the local control of smart home devices, offering better security, greater reliability, and more flexibility than many cloud-connected devices.<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54024\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-1030x1030.png\" alt=\"\" width=\"237\" height=\"237\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-1030x1030.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-300x300.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-80x80.png 80w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-768x768.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_-1024x1024.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/Home_Assistant_Logo.svg_.png 1280w\" sizes=\"(max-width: 237px) 100vw, 237px\" \/><\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Home Assistant on OpenWrt System by Seeed<\/h2>\n\n\n\n<p>Home Assistant can be installed using various methods on various different hardware. You can compare the installation methods by visiting <a target=\"_blank\" href=\"https:\/\/www.home-assistant.io\/installation\/#compare-installation-methods\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">this table<\/a>.<\/p>\n\n\n\n<p>In this guide, I will show you how you can install Home Assistant as a Docker container on the OpenWrt System by Seeed!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Docker?<\/h2>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.docker.com\/\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">Docker<\/a> is an open platform for developing, shipping, and running applications. Docker provides the ability to package and run an application in a loosely isolated environment called a container. The isolation and security allow you to run many containers simultaneously on a given host. Containers are lightweight and contain everything needed to run the application, so you do not need to rely on what is currently installed on the host. You can easily share containers while you work, and be sure that everyone you share with gets the same container that works in the same way.<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54036\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1-1030x881.png\" alt=\"\" width=\"257\" height=\"219\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1-1030x881.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1-300x257.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1-768x657.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1-1024x876.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/vertical-logo-monochromatic-1.png 1316w\" sizes=\"(max-width: 257px) 100vw, 257px\" \/><\/figure>\n<\/div>\n\n\n\n<p>So now, let\u2019s start building our Home Assistant application!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Smart Home Dashboard with Home Assistant on OpenWrt<\/h2>\n\n\n\n<p>In this guide, I will control Xiaomi Yeelight Smart Bulbs, visualize the statistics of the Host and display current date\/ time using Home Assistant. However, if you have other smart devices you can control them as well using Home Assistant. But the setting up process will be a little different for other different smart devices and therefore this guide can be used as a reference. First let\u2019s look at the hardware we will be using<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hardware Needed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Xiaomi Yeelight Smart Bulbs (or any other smart bulb)<\/li>\n<li>ODYSSEY \u2013 X86\/ CM4 Dual Gigabit Ethernet Carrier Board<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Install Home Assistant as a Docker Container on OpenWrt<\/h3>\n\n\n\n<p><strong>Step 1:<\/strong> Prepare an ODYSSEY \u2013 X86 board or the CM4 Dual Gigabit Ethernet Carrier Board with the OpenWrt System by Seeed. Follow this guide for an initial getting started<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Open a web browser on your PC and type 192.168.2.1 to access the OpenWrt Luci web UI<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"723\" class=\"wp-image-53523\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui-1030x723.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui-1030x723.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui-300x211.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui-768x539.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui-1024x719.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/openwrt-webui.png 1453w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<p class=\"has-background\" style=\"background-color: #cacccd;\">Note: If your OpenWrt router has different IP address from 192.168.2.1, please replace it with your router\u2019s IP address<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Navigate to <strong>Docker &gt; Images<\/strong> and type <strong>homeassistant\/ home-assistant:stable<\/strong> under \u201cPull Image\u201d<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Click \u201cPull\u201d to download the image<\/p>\n\n\n\n<p><strong>Step 5:<\/strong> Navigate to<strong> Docker &gt; Containers<\/strong> and click \u201cAdd\u201d to create a new container<\/p>\n\n\n\n<p><strong>Step 6:<\/strong> Fill the columns according to the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Container Name: home-assistant<\/li>\n<li>Docker Image: homeassistant\/home-assistant:stable<\/li>\n<li>Restart Policy: Unless stopped<\/li>\n<li>Networks: host | host<\/li>\n<li>Environmental Variable (-e): TZ= (you can find a list of the TZ names here- https:\/\/en.wikipedia.org\/wiki\/List_of_tz_database_time_zones)<\/li>\n<li>Bind Mount(-v): \/root\/hassio:\/config<\/li>\n<\/ul>\n\n\n\n<p class=\"has-background\" style=\"background-color: #cacccd;\">Note: Here we create a new directory (\/root\/hassio) inside the OpenWrt system and then we link that directory to the \/config directory which is present inside the Docker container. In this way, even though we close the container, all our data will remain inside the (\/root\/hassio) in the OpenWrt System and once we start the container again, the \/config directory will sync with (\/root\/hassio) directory again.<\/p>\n\n\n\n<p><strong>Step 7:<\/strong> Finally click \u201cSubmit\u201d<\/p>\n\n\n\n<p><strong>Step 8: <\/strong>Under the \u201cContainers\u201d tab, tick the checkbox beside the container that we created and click \u201cStart\u201d to run the container<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"537\" class=\"wp-image-54033\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/start-container-1.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/start-container-1.png 900w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/start-container-1-300x179.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/start-container-1-768x458.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Home Assistant Initial Set Up<\/h3>\n\n\n\n<p>Now that we have started home assistant, let\u2019s dive into the initial setup<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Type http:\/\/192.168.2.1:8123 to enter the Home Assistant Dashboard<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color: #cacccd;\"><strong>Note:<\/strong> The IP address is according to the IP address of the OpenWrt device<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54091\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/1.png\" alt=\"\" width=\"435\" height=\"494\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/1.png 542w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/1-264x300.png 264w\" sizes=\"(max-width: 435px) 100vw, 435px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Can&#8217;t access homeassistant.local:8123? Take a look at <a href=\"https:\/\/www.seeedstudio.com\/blog\/2025\/01\/23\/homeassistant-local8123-not-working\/\"><span style=\"color: #1e70d3;\">this comprehensive guide<\/a><\/span> to troubleshoot and resolve the issue.<\/p>\n<p><strong>Step 2:<\/strong> Go through the initial set up such as filling out a username, password, setting home location, etc.<\/p>\n\n\n\n<p>Once you have finished the initial setup, you will be presented with this interface<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"826\" class=\"wp-image-54092\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2-1030x826.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2-1030x826.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2-300x241.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2-768x616.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2-1024x821.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/2.png 1246w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Add Smart Lamps to the Dashboard<\/h3>\n\n\n\n<p>Now let\u2019s add a few smart lamps to this dashboard, so that we can control them. Here I will be using Xiaomi Yeelight Smart Bulbs. If you use other smart bulbs, the set up will be a little different and you can check online resources for setting up the smart bulbs you have. We will start fresh with a blank dashboard<\/p>\n\n\n\n<p><strong>Step 1: <\/strong>Click on the 3 dots on the top right corner and click \u201cEdit Dashboard\u201d<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54093\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/3.png\" alt=\"\" width=\"314\" height=\"195\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/3.png 306w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/3-300x186.png 300w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 2:<\/strong> Turn on the switch that says, \u201cStart with an empty dashboard\u201d and then click \u201cTAKE CONTROL\u201d<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54094\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/4.png\" alt=\"\" width=\"600\" height=\"344\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/4.png 664w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/4-300x172.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Now let\u2019s add one bulb to start.<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Turn on the Yeelight Smart bulb<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Navigate to <strong>Configuration &gt; Integrations<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"504\" class=\"wp-image-54095\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-1030x504.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-1030x504.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-300x147.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-768x375.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-1536x751.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5-1024x501.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/5.png 1753w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 5:<\/strong> Click on \u201c+ ADD INTEGRATION\u201d and type \u201cYeelight\u201d and click on it<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54099\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/6.png\" alt=\"\" width=\"579\" height=\"192\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/6.png 676w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/6-300x99.png 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/figure>\n<\/div>\n\n\n\n<p>If the device is automatically discovered, you will see the following<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54101\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/7.png\" alt=\"\" width=\"448\" height=\"216\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/7.png 512w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/7-300x145.png 300w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/figure>\n<\/div>\n\n\n\n<p>If it is not automatically discovered, you will have to add the IP address the device manually. You can find the IP address by logging into your router and checking the connected devices<\/p>\n\n\n\n<p><strong>Step 6:<\/strong> After you add the integration, go back to \u201cOverview\u201d<\/p>\n\n\n\n<p><strong>Step 7:<\/strong> Click on the 3 dots on the top right corner as before and click \u201cEdit Dashboard\u201d<\/p>\n\n\n\n<p><strong>Step 8:<\/strong> Click \u201c+ ADD CARD\u201d<\/p>\n\n\n\n<p><strong>Step 9:<\/strong> Search for Light Card and click on it<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"780\" class=\"wp-image-54102\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8-1030x780.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8-1030x780.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8-300x227.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8-768x582.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8-1024x775.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/8.png 1256w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 10:<\/strong> Change the name and click Save<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"516\" class=\"wp-image-54103\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9-1030x516.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9-1030x516.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9-300x150.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9-768x385.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9-1024x513.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/9.png 1238w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p>You will now see the created Light Card on the Home Assistant Dashboard<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"439\" class=\"wp-image-54104\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10-1030x439.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10-1030x439.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10-300x128.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10-768x327.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10-1024x436.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/10.png 1410w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<p>Here you will be able to turn on\/ off the lamp by pressing on the lamp icon and also use the slider to control the brightness. You can click on the \u201c3 dots\u201d to change the color and the color temperature as well.<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54105\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/11.png\" alt=\"\" width=\"295\" height=\"518\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/11.png 514w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/11-171x300.png 171w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 11:<\/strong> Repeat step 5 and step 6 to add more smart bulbs<\/p>\n\n\n\n<p>Now let\u2019s add 4 bulbs into the home assistant dashboard<\/p>\n\n\n\n<p><strong>Step 12:<\/strong> Go to the \u201c+ ADD CARD\u201d window and search for \u201cgrid\u201d, which is the grid card<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54107\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12-1030x447.png\" alt=\"\" width=\"838\" height=\"363\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12-1030x447.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12-300x130.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12-768x333.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12-1024x444.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/12.png 1250w\" sizes=\"(max-width: 838px) 100vw, 838px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 13:<\/strong> Set the Columns to \u201c2\u201d and check \u201cRender cards as square\u201d<\/p>\n\n\n\n<p><strong>Step 14:<\/strong> Search for \u201cLight\u201d card and click on it<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54108\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/13.png\" alt=\"\" width=\"555\" height=\"542\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/13.png 799w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/13-300x293.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/13-768x750.png 768w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 15:<\/strong> Change the Name as before<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"764\" class=\"wp-image-54109\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14-1030x764.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14-1030x764.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14-300x223.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14-768x570.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14-1024x760.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/14.png 1034w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<p><strong>Step 16:<\/strong> Click on the \u201c+\u201d button and repeat the same for the remaining 3 bulbs<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"719\" class=\"wp-image-54110\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15-1030x719.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15-1030x719.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15-300x210.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15-768x536.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15-1024x715.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/15.png 1230w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 17:<\/strong> Make sure to select the correct bulb from this drop-down list<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"545\" class=\"wp-image-54112\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/16-1.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/16-1.png 632w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/16-1-300x259.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 18:<\/strong> Finally Click Save<\/p>\n\n\n\n<p><strong>Step 19:<\/strong> Delete the light card that we created in the very beginning<\/p>\n\n\n\n<p>Now the dashboard will look like this, and you can control all 4 lamps easily!<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"611\" class=\"wp-image-54113\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17-1030x611.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17-1030x611.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17-300x178.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17-768x455.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17-1024x607.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/17.png 1407w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Install HACS (Home Assistant Community Store)<\/h3>\n\n\n\n<p>Now we will install HACS which is the Home Assistant Community Store. After installing HACS, we will be able to change the theme, and add custom elements such as much better-looking cards.<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Go to OpenWrt Luci Web UI<\/p>\n\n\n\n<p><strong>Step 2: <\/strong>Navigate to <strong>Docker &gt; Containers<\/strong><\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Click on the running Home Assistant container<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Click the Console tab and click CONNECT<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54114\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20-1030x625.png\" alt=\"\" width=\"775\" height=\"470\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20-1030x625.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20-300x182.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20-768x466.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20-1024x621.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/20.png 1172w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 5:<\/strong> Execute the following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wget -O - https:\/\/get.hacs.xyz | bash \u2013<\/code><\/pre>\n\n\n\n<p><strong>Step 6:<\/strong> Finally, go back to <strong>Docker &gt; Containers<\/strong>, select the container and RESTART it<\/p>\n\n\n\n<p><strong>Step 7:<\/strong> Open Home Assistant dashboard and navigate to <strong>Configuration &gt; Integrations<\/strong><\/p>\n\n\n\n<p><strong>Step 8: <\/strong>Search for \u201cHACS\u201d and install it<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color: #cacccd;\"><strong>Note:<\/strong> You will be prompted to authorize HACS with your GitHub. Please login to your GitHub, authorize HACS and finish the setup<\/p>\n\n\n\n<p>Finally you will see HACS on your Home Assistant sidebar<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"462\" class=\"wp-image-54115\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21-1030x462.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21-1030x462.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21-300x135.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21-768x345.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21-1024x460.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/21.png 1510w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Add Host statistics to the Dashboard<\/h3>\n\n\n\n<p>Now let\u2019s add cards to show different statistics of the host such as CPU usage, RAM usage, CPU Temperature and HDD free space.<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> First of all, we need to edit a file called \u201cconfiguration.yaml\u201d, so that the hardware usage stats entries will be available for us<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Go back to OpenWrt Luci web UI<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Navigate to <strong>Service &gt; Terminal<\/strong> and login with your OpenWrt device credentials<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Navigate to <strong>\/root\/hassio<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd \/root\/hassio<\/code><\/pre>\n\n\n\n<p><strong>Step 5:<\/strong> Type the following to open the configuration.yaml file<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>nano configuration.yaml<\/code><\/pre>\n\n\n\n<p><strong>Step 6:<\/strong> Add the following<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sensor:\n  - platform: systemmonitor\n    resources:\n      - type: processor_use\n      - type: disk_use_percent\n        arg: \"\/\"\n      - type: disk_free\n        arg: \"\/\"\n      - type: memory_use_percent\n      - type: network_in\n        arg: eth0\n      - type: throughput_network_in\n        arg: eth0\n      - type: network_out\n        arg: eth0\n      - type: throughput_network_out\n        arg: eth0\n      - type: processor_temperature\n      - type: last_boot\n<\/code><\/pre>\n\n\n\n<p><strong>Step 7:<\/strong> Press Ctrl+X to exit and finally Press \u201cY\u201d to save it<\/p>\n\n\n\n<p><strong>Step 8:<\/strong> Go back to <strong>Docker &gt; Containers<\/strong> and restart the container<\/p>\n\n\n\n<p><strong>Step 9:<\/strong> Open Home Assistant Dashboard again and go to HACS<\/p>\n\n\n\n<p><strong>Step 10:<\/strong> Click \u201cFrontend\u201d<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"457\" class=\"wp-image-54123\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22-1030x457.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22-1030x457.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22-300x133.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22-768x341.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22-1024x455.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/22.png 1509w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 11:<\/strong> Click \u201c+ EXPLORE &amp; ADD REPOSITORIES\u201d and type \u201cmini-graph\u201d<\/p>\n\n\n\n<p><strong>Step 12: <\/strong>Click on the search result, and install it<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54124\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23-1030x814.png\" alt=\"\" width=\"618\" height=\"488\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23-1030x814.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23-300x237.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23-768x607.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23-1024x809.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/23.png 1221w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 13:<\/strong> Restart Home Assistant<\/p>\n\n\n\n<p><strong>Step 14:<\/strong> Open the \u201c+ ADD CARD\u201d window within the dashboard<\/p>\n\n\n\n<p><strong>Step 15:<\/strong> Select to manually write the YMAL<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54128\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24-1030x789.png\" alt=\"\" width=\"689\" height=\"528\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24-1030x789.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24-300x230.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24-768x588.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24-1024x785.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/24.png 1223w\" sizes=\"(max-width: 689px) 100vw, 689px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 16:<\/strong> Copy and paste the following code inside the code editor<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>type: grid\ncards:\n  - type: custom:mini-graph-card\n    entities:\n      - sensor.processor_use\n    line_color: red\n    line_width: 8\n    font_size: 75\n    name: Host CPU\n  - type: custom:mini-graph-card\n    entities:\n      - sensor.memory_use_percent\n    line_color: blue\n    line_width: 8\n    font_size: 75\n    name: Host RAM\n  - type: custom:mini-graph-card\n    entities:\n      - sensor.processor_temperature\n    line_color: yellow\n    line_width: 8\n    font_size: 75\n    name: Host Temp\n  - type: custom:mini-graph-card\n    entities:\n      - sensor.disk_free\n    line_color: green\n    line_width: 8\n    font_size: 75\n    name: Host Disk Free\ncolumns: 2\nsquare: true\n<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"756\" class=\"wp-image-54129\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25-1030x756.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25-1030x756.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25-300x220.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25-768x564.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25-1024x751.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/25.png 1225w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 17:<\/strong> Click Save and exit from the config window<\/p>\n\n\n\n<p>Now our dashboard looks as follows:<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"452\" class=\"wp-image-54130\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-1030x452.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-1030x452.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-300x132.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-768x337.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-1536x675.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26-1024x450.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/26.png 1767w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Add Date\/ Time Card to the Dashboard<\/h3>\n\n\n\n<p>Now let\u2019s add a date\/ time card to the dashboard<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Open configuration.yaml inside terminal as before<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Add the following under \u201csensor:\u201c and save the file<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  - platform: time_date\n    display_options:\n      - \"time\"\n      - \"date\"\n      - \"date_time\"\n      - \"date_time_utc\"\n      - \"date_time_iso\"\n      - \"time_date\"\n      - \"time_utc\"\n      - \"beat\"\n<\/code><\/pre>\n\n\n\n<p>Now we need a small background image for the date\/ time card. Here I have prepared a blue color image as below<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54131\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/blue.jpg\" alt=\"\" width=\"359\" height=\"212\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/blue.jpg 867w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/blue-300x178.jpg 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/blue-768x454.jpg 768w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 3:<\/strong> Navigate to <strong>Services &gt; File Assistant<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"476\" class=\"wp-image-54132\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27-1030x476.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27-1030x476.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27-300x139.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27-768x355.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27-1024x473.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/27.png 1256w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 4:<\/strong> Find <strong>\/root\/hassio\/www\/<\/strong> and click <strong>UPLOAD<\/strong><\/p>\n\n\n\n<p><strong>Step 5: <\/strong>Find your background image for the date\/ time card and upload it<\/p>\n\n\n\n<p><strong>Step 6:<\/strong> Restart the Home Assistant container<\/p>\n\n\n\n<p><strong>Step 7:<\/strong> Go back to Home Assistant dashboard and open the \u201c+ ADD CARD\u201d window<\/p>\n\n\n\n<p><strong>Step 8:<\/strong> Choose to add manual card like before and enter the following<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>elements:\n  - entity: sensor.time\n    style:\n      color: var(--secondary-text-color)\n      font-size: 600%\n      left: 50%\n      top: 35%\n    type: state-label\n  - entity: sensor.date\n    style:\n      color: var(--primary-text-color)\n      font-size: 200%\n      left: 50%\n      top: 85%\n    type: state-label\nimage: \/local\/blue.jpg\ntype: picture-elements\n<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"526\" class=\"wp-image-54133\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28-1030x526.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28-1030x526.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28-300x153.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28-768x392.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28-1024x523.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/28.png 1228w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 9: <\/strong>Save the card and exit from configuration<\/p>\n\n\n\n<p>So far our Home Assistant Dashboard looks like this<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"421\" class=\"wp-image-54134\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-1030x421.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-1030x421.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-300x123.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-768x314.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-1536x628.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29-1024x419.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/29.png 1918w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Change Dashboard Theme<\/h3>\n\n\n\n<p>Now we will move on to changing the overall theme of our Home Assistant UI<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Go to <strong>HACS &gt; Frontend<\/strong><\/p>\n\n\n\n<p><strong>Step 2: <\/strong>Click \u201c+ EXPLORE &amp; ADD REPOSITORIES\u201d<\/p>\n\n\n\n<p><strong>Step 3:<\/strong> Check the box \u201cTheme\u201d only and you will find a lot of themes available<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54135\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30-1030x780.png\" alt=\"\" width=\"707\" height=\"535\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30-1030x780.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30-300x227.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30-768x582.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30-1024x775.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/30.png 1207w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 4:<\/strong> You can install your favorite theme from here. Here I will install the \u201cNoctis theme\u201d<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54136\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/31.png\" alt=\"\" width=\"567\" height=\"527\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/31.png 978w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/31-300x279.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/31-768x715.png 768w\" sizes=\"(max-width: 567px) 100vw, 567px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 5:<\/strong> Open your profile<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"708\" class=\"wp-image-54137\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32-1030x708.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32-1030x708.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32-300x206.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32-768x528.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32-1024x704.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/32.png 1432w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 6:<\/strong> Under \u201cThemes\u201d choose the theme that you installed before<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54138\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/33.png\" alt=\"\" width=\"613\" height=\"508\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/33.png 700w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/33-300x249.png 300w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Since I have installed the \u201cNoctis\u201d theme, the final Home Assistant dashboard looks like below<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"617\" class=\"wp-image-54139\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-1030x617.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-1030x617.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-300x180.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-768x460.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-1536x920.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34-1024x613.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/34.png 1600w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Bonus \u2013 Temperature and Humidity Sensor Gauges<\/h3>\n\n\n\n<p>I have connected a DHT11 temperature and humidity sensor to an ESP8266 and flashed the ESPHome firmware to the board. After that I have connected ESPHome with my Home Assistant.<\/p>\n\n\n\n<p>Learn more about ESPHome <a target=\"_blank\" href=\"https:\/\/esphome.io\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">here<\/a>.<\/p>\n\n\n\n<p>Here I will show you how you can visualize the temperature and humidity sensor data on gauges<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Open the ADD CARD configuration window<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Search for \u201cVertical Stack\u201d and open the card configuration<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-54141\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35-1030x864.png\" alt=\"\" width=\"741\" height=\"621\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35-1030x864.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35-300x252.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35-768x644.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35-1024x859.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/35.png 1097w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 3:<\/strong> Choose Gauge for the first card and choose the correct Entity for Temperature<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"772\" class=\"wp-image-54143\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1-1030x772.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1-1030x772.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1-300x225.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1-768x576.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1-1024x768.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/36-1.png 1074w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<p><strong>Step 4:<\/strong> Click \u201c+\u201d to add another Gauge card and choose the correct Entity for humidity<\/p>\n\n\n\n<p><strong>Step 5:<\/strong> Open the Code Editor and configure as follows to set colors according to different ranges<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"582\" class=\"wp-image-54144\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37-1030x582.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37-1030x582.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37-300x169.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37-768x434.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37-1024x578.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/37.png 1087w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n\n\n\n<p><strong>Step 6:<\/strong> Finally click save and exit from configuration window<\/p>\n\n\n\n<p>Now our final dashboard looks like below!<\/p>\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1030\" height=\"553\" class=\"wp-image-54145\" src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-1030x553.png\" alt=\"\" srcset=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-1030x553.png 1030w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-300x161.png 300w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-768x413.png 768w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-1536x825.png 1536w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38-1024x550.png 1024w, https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/38.png 1845w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Home Assistant Dashboard on reTerminal<\/h2>\n\n\n\n<p>You can also display the above dashboard on the reTerminal LCD. Let&#8217;s walk through the process<\/p>\n\n\n\n<p>Step 1: Follow <a target=\"_blank\" href=\"https:\/\/wiki.seeedstudio.com\/reTerminal\/\" rel=\"noopener\" aria-label=\"undefined (opens in a new tab)\">this guide<\/a> to get started with the reTerminal for the first time<\/p>\n\n\n\n<p><strong>Step 2:<\/strong> Type the following inside a terminal window of reTerminal<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>chromium-browser --start-fullscreen http:\/\/192.168.2.1:8123<\/code><\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color: #cacccd;\">Make sure the reTerminal is connected to the OpenWrt router<\/p>\n\n\n\n<p>Now you will be able to control the Smart Devices using reTerminal as well!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demo Showcase<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video src=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/twitter.mp4\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>I hope this blog was helpful to everyone to understand the basic usage of Home Assistant and how it can be used to control a smart bulbs, view temperature and humidity information, view host statistics and more. However, it can be extended to control many other smart appliances as well right from Home Assistant dashboard!<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Introduction This blog will talk about how you can control your smart home appliances using<\/p>\n","protected":false},"author":141,"featured_media":54147,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"iawp_total_views":0,"footnotes":""},"categories":[1],"tags":[3495,4073,421,3818,142,445,247],"class_list":["post-54016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-cm4","tag-docker","tag-home-automation","tag-odyssey-x86j4125-2","tag-open-hardware","tag-openwrt","tag-raspberry-pi"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio<\/title>\n<meta name=\"description\" content=\"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio\" \/>\n<meta property=\"og:description\" content=\"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/\" \/>\n<meta property=\"og:site_name\" content=\"Latest News from Seeed Studio\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-13T08:47:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-07T06:32:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lakshan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lakshan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/\",\"name\":\"Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio\",\"isPartOf\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg\",\"datePublished\":\"2021-10-13T08:47:58+00:00\",\"dateModified\":\"2025-02-07T06:32:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/75eb10f611f7c10a195a98452628bba5\"},\"description\":\"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg\",\"contentUrl\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.seeedstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart Home with Home Assistant on OpenWrt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#website\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/\",\"name\":\"Latest News from Seeed Studio\",\"description\":\"Emerging IoT, AI and Autonomous Applications on the Edge\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.seeedstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/75eb10f611f7c10a195a98452628bba5\",\"name\":\"Lakshan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c1688294d55a746c8c80f4b85eb94989?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c1688294d55a746c8c80f4b85eb94989?s=96&r=g\",\"caption\":\"Lakshan\"},\"url\":\"https:\/\/www.seeedstudio.com\/blog\/author\/lakshan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio","description":"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/","og_locale":"en_US","og_type":"article","og_title":"Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio","og_description":"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.","og_url":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/","og_site_name":"Latest News from Seeed Studio","article_published_time":"2021-10-13T08:47:58+00:00","article_modified_time":"2025-02-07T06:32:31+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg","type":"image\/jpeg"}],"author":"Lakshan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lakshan","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/","url":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/","name":"Smart Home with Home Assistant on OpenWrt - Latest News from Seeed Studio","isPartOf":{"@id":"https:\/\/www.seeedstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage"},"image":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg","datePublished":"2021-10-13T08:47:58+00:00","dateModified":"2025-02-07T06:32:31+00:00","author":{"@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/75eb10f611f7c10a195a98452628bba5"},"description":"This blog will talk about how you can control your smart home appliances using Home Assistant running on the OpenWrt System by Seeed. Here I will explain how you can set up everything step-be-step. Also, I will use the reTerminal LCD to view the Home Assistant dashboard to visualize the connected devices.","breadcrumb":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#primaryimage","url":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg","contentUrl":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/www.seeedstudio.com\/blog\/2021\/10\/13\/smart-home-with-home-assistant-on-openwrt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seeedstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Smart Home with Home Assistant on OpenWrt"}]},{"@type":"WebSite","@id":"https:\/\/www.seeedstudio.com\/blog\/#website","url":"https:\/\/www.seeedstudio.com\/blog\/","name":"Latest News from Seeed Studio","description":"Emerging IoT, AI and Autonomous Applications on the Edge","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seeedstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/75eb10f611f7c10a195a98452628bba5","name":"Lakshan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c1688294d55a746c8c80f4b85eb94989?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c1688294d55a746c8c80f4b85eb94989?s=96&r=g","caption":"Lakshan"},"url":"https:\/\/www.seeedstudio.com\/blog\/author\/lakshan\/"}]}},"modified_by":"Lakshan","views":41915,"featured_image_urls":{"full":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg",2560,1440,false],"thumbnail":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-80x80.jpg",80,80,true],"medium":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-768x432.jpg",640,360,true],"large":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-1030x579.jpg",640,360,true],"1536x1536":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-2048x1152.jpg",2048,1152,true],"visody_icon":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-scaled.jpg",32,18,false],"magazine-7-slider-full":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-1536x1020.jpg",1536,1020,true],"magazine-7-slider-center":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-936x897.jpg",936,897,true],"magazine-7-featured":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-1024x576.jpg",1024,576,true],"magazine-7-medium":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-720x380.jpg",720,380,true],"magazine-7-medium-square":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2021\/10\/thumb-2-675x450.jpg",675,450,true]},"author_info":{"display_name":"Lakshan","author_link":"https:\/\/www.seeedstudio.com\/blog\/author\/lakshan\/"},"category_info":"<a href=\"https:\/\/www.seeedstudio.com\/blog\/category\/news\/\" rel=\"category tag\">News<\/a>","tag_info":"News","comment_count":"1","_links":{"self":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/54016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/users\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=54016"}],"version-history":[{"count":12,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/54016\/revisions"}],"predecessor-version":[{"id":107802,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/54016\/revisions\/107802"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/media\/54147"}],"wp:attachment":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=54016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=54016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=54016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}