{"id":2718,"date":"2025-10-06T12:00:00","date_gmt":"2025-10-06T12:00:00","guid":{"rendered":"https:\/\/sascha-brockel.de\/?p=2718"},"modified":"2025-09-28T05:15:19","modified_gmt":"2025-09-28T03:15:19","slug":"vehicle-status-card-for-home-assistant-your-car-dashboard","status":"publish","type":"post","link":"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/","title":{"rendered":"Vehicle Status Card for Home Assistant - your car dashboard!"},"content":{"rendered":"<p class=\"wp-block-yoast-seo-estimated-reading-time yoast-reading-time__wrapper\"><span class=\"yoast-reading-time__icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-icon=\"clock\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" style=\"display:inline-block;vertical-align:-0.1em\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span><span class=\"yoast-reading-time__spacer\" style=\"display:inline-block;width:1em\"><\/span><span class=\"yoast-reading-time__descriptive-text\">Estimated reading time: <\/span><span class=\"yoast-reading-time__reading-time\">10<\/span><span class=\"yoast-reading-time__time-unit\"> minutes<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do you use Home Assistant and want to integrate your car or vehicle directly into the dashboard? Then the <strong>Vehicle Status Card<\/strong> is exactly the right tool for you. With it, you can not only display the charge level, range and status, but also buttons, maps and much more. In this article, I'll show you how to install, configure and use it sensibly - with specific examples.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I'll also link you to the <strong><a href=\"https:\/\/github.com\/ngocjohn\/vehicle-status-card\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub page<\/a><\/strong> of the project so that you always jump to the source.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For detailed instructions and explanations of all configuration options, I recommend watching the YouTube video linked below. This video goes into detail about each individual setting, providing you with comprehensive instructions on how to set everything up correctly. Any code from the video can be found in this article, so you can use it directly without having to type it out.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Was_ist_die_Vehicle_Status_Card\" >What is the Vehicle Status Card?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Funktionen_im_Uberblick\" >Functions at a glance<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Was_ist_Home_Assistant\" >What is Home Assistant?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Installation_von_HACS_und_Integration_von_in_Home_Assistant\" >Installation of HACS and integration of  in Home Assistant<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Schritt_1_Installation_von_HACS_in_Home_Assistant\" >Step 1: Installing HACS in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Schritt_2_vehicle-status-card-Integration_uber_HACS_hinzufugen\" >Step 2: Add vehicle-status-card integration via HACS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Abschluss\" >Conclusion<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Konfiguration_Einsatz_im_Dashboard\" >Configuration &amp; use in the dashboard<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#UI_Editor_Beispiel-Konfiguration\" >UI Editor &amp; sample configuration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Wichtige_Konfigurationsbereiche\" >Important configuration areas<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Konkrete_Anwendungsbeispiele\" >Concrete application examples<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Beispiel_1_Elektroauto_im_Alltag\" >Example 1: Electric car in everyday life<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Beispiel_2_Fahrzeugflotte_oder_mehrere_Fahrzeuge\" >Example 2: Vehicle fleet or several vehicles<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Tipps_Tricks\" >Tips &amp; Tricks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Mogliche_Herausforderungen_Losungen\" >Possible challenges &amp; solutions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Code_des_Dashboards_aus_dem_Video\" >Code of the dashboard from the video<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Umsetzung_im_YouTube-Video\" >YouTube video implementation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/#Fazit\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-was-ist-die-vehicle-status-card\"><span class=\"ez-toc-section\" id=\"Was_ist_die_Vehicle_Status_Card\"><\/span>What is the Vehicle Status Card?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Vehicle Status Card is a <strong>Lovelace Custom Card<\/strong> for Home Assistant, with which you can clearly display vehicle data.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Funktionen_im_Uberblick\"><\/span>Functions at a glance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the most important features that the card offers you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Indicators<\/strong>Individual sensors such as door status, charge status, etc. can be displayed prominently.<\/li>\n\n\n\n<li><strong>Range\/energy bar<\/strong>Progress bars for battery, fuel, remaining range.<\/li>\n\n\n\n<li><strong>Pictures\/Slideshows<\/strong>: Display vehicle images or maps as a slideshow.<\/li>\n\n\n\n<li><strong>Mini card<\/strong>The vehicle can be tracked on an embedded map (device_tracker).<\/li>\n\n\n\n<li><strong>Buttons<\/strong>Interactive buttons for actions or to display further detailed maps.<\/li>\n\n\n\n<li><strong>Flexible layouts<\/strong>You can influence which parts are visible, how they are arranged and how they adapt.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-was-ist-home-assistant\"><span class=\"ez-toc-section\" id=\"Was_ist_Home_Assistant\"><\/span>What is Home Assistant?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Home Assistant is an open-source platform for home automation that aims to connect all devices in the home and control them centrally. It was developed to provide a unified user interface and simple, flexible control for a wide range of smart home devices from different ecosystems. Here are some points in favor of Home Assistant:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Compatibility<\/strong>Home Assistant supports thousands of devices and services from various manufacturers, including lighting, air conditioning, heating, cameras, weather sensors, voice assistants and more.<\/li>\n\n\n\n<li><strong>Local control<\/strong>Unlike many commercial smart home platforms that rely on cloud services, Home Assistant runs locally on your network. This means increased privacy and reliability, as your smart home devices work even without an active internet connection.<\/li>\n\n\n\n<li><strong>Automation and scenes<\/strong>One of the main features of Home Assistant is the ability to create complex automations and scenarios. For example, you can have lights turn on automatically when it gets dark, or turn on the heating when the temperature drops below a certain level.<\/li>\n\n\n\n<li><strong>Simple user interface<\/strong>Home Assistant offers a user-friendly interface that makes it easy to monitor and control devices. This interface is fully customizable.<\/li>\n\n\n\n<li><strong>Integration with voice assistants<\/strong>Home Assistant can be integrated with voice assistants such as Amazon Alexa or Google Assistant to enable voice-controlled control of your smart home devices.<\/li>\n\n\n\n<li><strong>Open source and community-driven<\/strong>Since Home Assistant is open source, it is supported by an active community that is constantly developing new integrations and improving existing ones.<\/li>\n\n\n\n<li><strong>Data protection and security<\/strong>As a locally running platform, Home Assistant has the advantage that the data remains within its own network. This protects privacy and increases security compared to cloud-based solutions.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">In summary, Home Assistant is a powerful and flexible solution for those who want to design their own smart home and control their devices centrally, regardless of the manufacturer or ecosystem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-installation-von-hacs-und-integration-von-lt-replaceme-gt-in-home-assistant\"><span class=\"ez-toc-section\" id=\"Installation_von_HACS_und_Integration_von_in_Home_Assistant\"><\/span>Installation of HACS and integration of  in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_1_Installation_von_HACS_in_Home_Assistant\"><\/span>Step 1: Installing HACS in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Home Assistant Community Store (HACS)<\/strong> is a custom add-on for Home Assistant that provides access to a variety of custom integrations and plugins developed by the community. How to install HACS:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Check requirements<\/strong>: Make sure that your Home Assistant is ideally up to date.<\/li>\n\n\n\n<li><strong>Download Execute script<\/strong>: Open a terminal for the Docker container version or the core version.\n<ul class=\"wp-block-list\">\n<li><strong>Docker<\/strong>: Dial into the container with: <code>docker exec -it homeassistant bash<\/code> or (similar)<\/li>\n\n\n\n<li><strong>Core<\/strong>: Switch to the user who is running Home Assistant<\/li>\n\n\n\n<li>Execute the following command for both variants: <br><code>wget -O - https:\/\/get.hacs.xyz | bash -<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Restarting the Home Assistant<\/strong>: After the files have been copied, restart Home Assistant.<\/li>\n\n\n\n<li><strong>Integrate HACS into Home Assistant<\/strong>Go to \"Configuration\" &gt; \"Integrations\" &gt; \"Add\" in the Home Assistant interface and search for HACS. Add it and enter your GitHub token if prompted.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For the supervised version, please refer to the <a href=\"https:\/\/hacs.xyz\/docs\/setup\/download\" target=\"_blank\" rel=\"noreferrer noopener\">Documentation<\/a> of HACS itself to read about the installation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-schritt-2-vehicle-status-card-integration-uber-hacs-hinzufugen\"><span class=\"ez-toc-section\" id=\"Schritt_2_vehicle-status-card-Integration_uber_HACS_hinzufugen\"><\/span>Step 2: Add vehicle-status-card integration via HACS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once HACS is installed, you can simply add vehicle-status-card:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/my.home-assistant.io\/redirect\/hacs_repository\/?owner=ngocjohn&amp;repository=vehicle-status-card&amp;category=plugin\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/8cec5af6ba93659beb5352741334ef3bbee70c4cb725f20832a1b897dfb8fc5f\/68747470733a2f2f6d792e686f6d652d617373697374616e742e696f2f6261646765732f686163735f7265706f7369746f72792e737667\" alt=\"Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Open HACS<\/strong>: Go to HACS in the Home Assistant interface.<\/li>\n\n\n\n<li><strong>Search for integration<\/strong>Click on \"Integrations\" and use the search function to search for \"vehicle-status-card\".<\/li>\n\n\n\n<li><strong>Install vehicle-status-card<\/strong>Find vehicle-status-card in the list and click on \"Install\". This will add the integration to your Home Assistant.<\/li>\n\n\n\n<li><strong>Restarting the Home Assistant<\/strong>: Start Home Assistant again to apply the changes.<\/li>\n\n\n\n<li><strong>Configure vehicle-status-card<\/strong>After restarting, you can set up and customize vehicle-status-card via \"Configuration\" &gt; \"Integrations\" in Home Assistant.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Abschluss\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With these steps, you have successfully installed HACS in your Home Assistant and added the vehicle-status-card integration. This powerful combination opens up a world of additional features and customizations that have been and are being developed by the Home Assistant community. More blog posts and videos on useful integrations to follow. If you don't want to miss out, <a href=\"https:\/\/www.youtube.com\/channel\/UCogo25FboCahP7s8--HDuIQ\" target=\"_blank\" rel=\"noreferrer noopener\">subscribe to my YouTube channel<\/a>!<\/p>\n\n\n<div class=\"atkp-container atkp-grid_3_columns-box  atkp-template-grid_3_columns\">\n            <div class=\"atkp-clearfix atkp-box-3-cols\">\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/415MIdvMnZL._SL160_.jpg\"\n                                 alt=\"Intel NUC 13 PRO NUC13ANHi5 Arena Canyon, 16 GB RAM 512 GB SSD, Intel Core i5-1340P, Win 11 Pro Mini Desktop Computer, 8K\/4K UHD, Gigabit Ethernet\/WiFi-6\/VESA for Business\/Office\/Home\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B0C1YKGGWY?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">Intel NUC 13 PRO NUC13ANHi5 Arena Canyon, 16 GB RAM 512 GB SSD, Intel Core i5-1340P, Win 11 Pro Mini Desktop Computer, 8K\/4K UHD, Gigabit Ethernet\/WiFi-6\/VESA for business\/office\/home*<\/a>\n                                                <div class=\"atkp-author\">by Intel Corporation<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac 759.00\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B0C1YKGGWY?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31z5HMCxvCL._SL160_.jpg\"\n                                 alt=\"ASUS NUC 15 Pro Slim Kit RNUC15CRKU500002 (Intel Core i5 Ultra processor, Arc graphics, WiFi 7, Bluetooth 5.4, without operating system, with EU power cable)\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B0DY811HD9?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">ASUS NUC 15 Pro Slim Kit RNUC15CRKU500002 (Intel Core i5 Ultra processor, Arc graphics, WiFi 7, Bluetooth 5.4, without operating system, with EU power cable)*<\/a>\n                                                <div class=\"atkp-author\">by Asus<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac429.90\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B0DY811HD9?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31QxXRGeJ1L._SL160_.jpg\"\n                                 alt=\"Intel NUC 11 Panther Canyon Mini-PC, Intel Core i7-1165G7 processor, 16GB RAM and 512GB SSD mini computer, Win 11 PRO, LAN 1000M\/WiFi 6\/BT5.2, business computer for office\/school\/home (NUC11PAHi7)\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B09BKRRT2Y?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">Intel NUC 11 Panther Canyon Mini-PC, Intel Core i7-1165G7 Processor, 16GB RAM and 512GB SSD Mini-Computer, Win 11 PRO, LAN 1000M\/WiFi 6\/BT5.2, Business Computer for Office\/School\/Home (NUC11PAHi7)*<\/a>\n                                                <div class=\"atkp-author\">by Intel<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac 599.00\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B09BKRRT2Y?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n            <\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Konfiguration_Einsatz_im_Dashboard\"><\/span>Configuration &amp; use in the dashboard<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"UI_Editor_Beispiel-Konfiguration\"><\/span>UI Editor &amp; sample configuration<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The UI editor provides you directly with a <strong>\"Generate Example\"<\/strong>-option, which automatically generates a start configuration for you - very helpful if you want to get started quickly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example (simplified, YAML-like):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>type: 'custom:vehicle-status-card'\nindicators:\n  row_items:\n    - type: entity\n      entity: sensor.car_battery_level\n    - type: group\n      name: Doors\n      items:\n        - entity: binary_sensor.front_left_door\n        - entity: binary_sensor.front_right_door\nrange_info:\n  - energy_level:\n      entity: sensor.car_battery_level\n    range_level:\n      entity: sensor.car_estimated_range\n    progress_color: \"#4caf50\"\nmini_map:\n  - entity: device_tracker.my_car\nbuttons:\n  - icon: mdi:car-door\n    tap_action:\n      action: more-info\n    entity: lock.car_lock<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wichtige_Konfigurationsbereiche\"><\/span>Important configuration areas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Indicators<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Indicator Rows<\/strong> (lines) instead of a flat list. There you can either combine individual entities or groups (e.g. all doors, tires).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Range \/ energy bar<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Ideal for battery status or range. You can individually define which sensors are used for each line and how the progress bar is displayed (color, height, etc.).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pictures \/ Slides<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to use vehicle images or map views, you can insert them and display them as a slideshow - including autoplay, effects and intervals.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mini card<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Perfect if your vehicle has <code>device_tracker<\/code> is integrated into Home Assistant. The map shows the current location directly on the card - with zoom and theming (light\/dark).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Buttons<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Buttons are interactive and can, for example, trigger actions (e.g. lock, unlock) or display further information. You can define different actions for tap, hold and double tap.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Konkrete_Anwendungsbeispiele\"><\/span>Concrete application examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Beispiel_1_Elektroauto_im_Alltag\"><\/span>Example 1: Electric car in everyday life<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You have an electric car with sensors for battery level, estimated remaining range and charging process. You also integrate the door and window statuses and track the vehicle via GPS.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the top of the map you can directly see the battery percentage and whether the car is being charged.<\/li>\n\n\n\n<li>Below this is a bar with the estimated range (e.g. 150 km of 200 km).<\/li>\n\n\n\n<li>A small integrated map shows where your car is currently parked (e.g. at work).<\/li>\n\n\n\n<li>Buttons allow you to directly open the loading profile, lock doors, etc.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Beispiel_2_Fahrzeugflotte_oder_mehrere_Fahrzeuge\"><\/span>Example 2: Vehicle fleet or several vehicles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you look after several vehicles (e.g. in a household), you can use several instances of the map or group them in one tab.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Each card shows the most important data of the respective vehicle.<\/li>\n\n\n\n<li>A button can lead to an overview page with all vehicles (via <code>navigate<\/code>).<\/li>\n\n\n\n<li>The cards remain consistently designed so that you can immediately grasp the most important information.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tipps_Tricks\"><\/span>Tips &amp; Tricks<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color coding<\/strong>Use colors (green, yellow, red) for bars to quickly identify the status.<\/li>\n\n\n\n<li><strong>Hide unnecessary sections<\/strong>: If you don't need buttons, you can hide them.<\/li>\n\n\n\n<li><strong>Swipe and layout<\/strong>Swipe gestures and the right number of columns in the layout help on mobile devices.<\/li>\n\n\n\n<li><strong>Expand with custom cards<\/strong>You can embed other Lovelace Cards in the Vehicle Status Card (e.g. graphs, media, etc.).<\/li>\n\n\n\n<li><strong>Choose a suitable card theme<\/strong>: Make sure that Mini cards match your Home Assistant theme (light\/dark).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mogliche_Herausforderungen_Losungen\"><\/span>Possible challenges &amp; solutions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Missing sensors \/ entities<\/strong>: You need suitable sensors and <code>device_tracker<\/code>-entities. You cannot use all functions without them.<\/li>\n\n\n\n<li><strong>Error in the configuration<\/strong>YAML errors, incorrect entity names or missing modules are typical pitfalls. Use the \"Generate Example\" function to get a clean basic configuration.<\/li>\n\n\n\n<li><strong>Performance on older devices<\/strong>: Many cards with extensive configurations can slow down dashboards - test slowly and modularly.<\/li>\n\n\n\n<li><strong>Map API &amp; map quality<\/strong>: If you want better map tiles, you can include your own MapTiler API (if supported).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-code-des-dashboards-aus-dem-video\"><span class=\"ez-toc-section\" id=\"Code_des_Dashboards_aus_dem_Video\"><\/span>Code of the dashboard from the video<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>type: custom:vehicle-status-card\nname: Mazda CX-5\nbutton_card:\n  - button:\n      primary: Unlock\n      secondary:\n        - entity: \"\"\n          attribute: \"\"\n          state_template: \"\"\n      icon: mdi:lock-open\n      notify: \"\"\n    button_type: action\n    hide_button: false\n    card_type: default\n    default_card: []\n    custom_card: []\n    button_action:\n      entity: lock.0000_mazda_cx_5_locker\n  - button:\n      primary: hazard warning lights on\n      secondary:\n        - entity: \"\"\n          attribute: \"\"\n          state_template: \"\"\n      icon: mdi:hazard-lights\n      notify: \"\"\n    button_type: action\n    hide_button: false\n    card_type: default\n    default_card: []\n    custom_card: []\n    button_action:\n      entity: button.0000_mazda_cx_5_warnblinklicht_einschalten\n  - button:\n      primary: hazard warning lights off\n      secondary:\n        - entity: \"\"\n          attribute: \"\"\n          state_template: \"\"\n      icon: mdi:hazard-lights\n      notify: \"\"\n    button_type: action\n    hide_button: false\n    card_type: default\n    default_card: []\n    custom_card: []\n    button_action:\n      entity: button.0000_mazda_cx_5_warnblinklicht_ausschalten\n  - button:\n      primary: Sascha\n      secondary:\n        entity: person.cptdaydreamer\n      state_color: true\n      notify_color: &gt;-\n        {{ iif (is_state('person.cptdaydreamer', 'home'),\n        'var(--state-person-home-color)', 'var(--state-person-active-color)') }}\n      notify_icon: &gt;-\n        {{ iif (is_state('person.cptdaydreamer', 'home'), 'mdi:home',\n        'mdi:home-export-outline') }}\n      notify: \"{{ true }}\"\n    button_type: action\n    hide_button: false\n    card_type: default\n    default_card:\n      - title: Category default expanded\n        collapsed_items: false\n        items:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n      - title: Category collapsed\n        collapsed_items: true\n        items:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n    custom_card:\n      - type: entities\n        title: Custom Card\n        entities:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n    button_action:\n      entity: person.cptdaydreamer\n      tap_action:\n        action: more-info\n  - button:\n      primary: Car Wash\n      secondary:\n        entity: binary_sensor.car_wash\n      state_color: true\n    button_type: default\n    hide_button: false\n    card_type: default\n    default_card:\n      - title: Category default expanded\n        collapsed_items: false\n        items:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n      - title: Category collapsed\n        collapsed_items: true\n        items:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n    custom_card:\n      - type: entities\n        title: Custom Card\n        entities:\n          - entity: person.cptdaydreamer\n          - entity: device_tracker.sm_g990b\n          - entity: media_player.tv_samsung_ue40h6290\n          - entity: light.corridor_ceiling_lights\n          - entity: light.nightlight\n          - entity: binary_sensor.window_door_sensors\n          - entity: binary_sensor.car_wash\n    button_action: {}\nimages:\n  - url: \/api\/image\/serve\/f4196650e928ddb13bce2d959e87dbab\/original\n    title: mazda-back.png\n  - title: sample-car-1.png\n    url: &gt;-\n      https:\/\/raw.githubusercontent.com\/ngocjohn\/vehicle-status-card\/refs\/heads\/main\/assets\/sample-images\/sample-car-1.png\n  - title: sample-car-2.png\n    url: &gt;-\n      https:\/\/raw.githubusercontent.com\/ngocjohn\/vehicle-status-card\/refs\/heads\/main\/assets\/sample-images\/sample-car-2.png\nlayout_config:\n  hide_card_name: false\n  section_order:\n    - indicators\n    - range_info\n    - images\n    - mini_map\n    - buttons\n  theme_config: {}\n  button_grid:\n    rows: 2\n    swipe: true\n    button_layout: horizontal\n    transparent: false\n    hide_notify_badge: false\n    columns: 2\nmini_map:\n  device_tracker: device_tracker.0000_mazda_cx_5_auto_tracker\n  enable_popup: true\n  single_map_card: false\n  use_zone_name: false\n  maptiler_api_key: \n  hide_map_address: false\n  entities:\n    - entity: device_tracker.0000_mazda_cx_5_auto_tracker\nindicator_rows:\n  - row_items:\n      - entity: binary_sensor.0000_mazda_cx_5_coffer_space\n        type: entity\n        show_name: true\n        show_state: true\n        show_icon: true\n      - entity: binary_sensor.0000_mazda_cx_5_hood\n        type: entity\n        show_name: true\n        show_state: true\n        show_icon: true\n      - type: group\n        show_name: true\n        show_icon: true\n        name: Doors\n        items:\n          - entity: binary_sensor.0000_mazda_cx_5_fahrertur\n            show_name: true\n            show_state: true\n            show_icon: true\n          - entity: binary_sensor.0000_mazda_cx_5_beifahrertur\n            show_name: true\n            show_state: true\n            show_icon: true\n          - entity: binary_sensor.0000_mazda_cx_5_left_behind_tur\n            show_name: true\n            show_state: true\n            show_icon: true\n          - entity: binary_sensor.0000_mazda_cx_5_right_backdoor\n            show_name: true\n            show_state: true\n            show_icon: true\n        icon: mdi:car-door\nrange_info:\n  - energy_level:\n      entity: sensor.0000_mazda_cx_5_tank_fullstand_in\n      tap_action:\n        action: more-info\n      value_alignment: start\n      value_position: outside\n    range_level:\n      entity: sensor.0000_mazda_cx_5_kilometer reading\n      value_position: outside\n    charging_entity: \"\"\n    progress_color: \"#17307d\"\n    color_blocks: false\n    color_thresholds:\n      - value: 0\n        color: \"#ff0000\"\n      - value: 25\n        color: \"#0fd741\"<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Buttons<\/strong> are created for actions such as unlocking, switching hazard warning lights on and off, car wash status or person status (e.g. \"Sascha at home\"). Some buttons also display status information about sensors or entities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There is a <strong>Image area<\/strong>where vehicle images or sample images can be displayed, for example from the rear or from the inside.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Mini card<\/strong> shows the current location of the vehicle via the device tracker. You can click on it to see details and it uses a map API for better tiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Indicators<\/strong> visualize the status of individual vehicle parts such as doors, hood or trunk. Groups of sensors, for example all doors, are summarized and displayed with icons.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Range or energy bar<\/strong> indicates fuel level or battery status and can be color-coded to make low levels immediately visible, for example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Layout<\/strong> is divided into sections: first the status displays, then the range, images, mini-map and buttons. The buttons are arranged in a grid and can be navigated on mobile devices by swiping.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, the dashboard is designed so that you can <strong>see all important vehicle information at a glance<\/strong>both visually and interactively, and perform actions directly via Home Assistant.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"youtube\"><span class=\"ez-toc-section\" id=\"Umsetzung_im_YouTube-Video\"><\/span>YouTube video implementation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n\n\n<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Smart home meets car - is it really possible? \ud83c\udfe0\ud83d\ude97 Vehicle Status Card in Home Assistant!\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/i1avIB2-ld4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-fazit\"><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Vehicle Status Card<\/strong> is a powerful tool for integrating your vehicle directly into Home Assistant. It combines visuals and functionality: you receive centralized key information such as battery status, range or location - and can control actions directly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The easiest way to get started is via HACS, but manual installation is also well documented. Thanks to flexible configuration options, you can adapt it to your needs - be it for one electric car, several vehicles or complex setups with buttons and maps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are already familiar with Home Assistant and want to visualize vehicle or IoT data, this card is an absolute must-have. Take your time to set it up, start with a simple setup and expand step by step.<\/p>\n\n\n\n<div id=\"jp-block-themeisle-blocks-font-awesome-icons-8c6d8bc1\" class=\"wp-block-themeisle-blocks-font-awesome-icons jp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><a href=\"https:\/\/sascha-brockel.de\/en\/#contact\" target=\"_self\" rel=\"noopener noreferrer\"><i class=\"fas fa-business-time\"><\/i><\/a><\/span><\/div>\n\n\n\n<h4 id=\"jp-block-themeisle-blocks-advanced-heading-baa7fa4c\" class=\"wp-block-themeisle-blocks-advanced-heading jp-block-themeisle-blocks-advanced-heading-baa7fa4c jp-block-themeisle-blocks-advanced-heading ticss-116fe371\">Interested, but lack time or knowledge?<\/h4>\n\n\n\n<p id=\"jp-block-themeisle-blocks-advanced-heading-16f35f43\" class=\"wp-block-themeisle-blocks-advanced-heading jp-block-themeisle-blocks-advanced-heading-16f35f43 jp-block-themeisle-blocks-advanced-heading ticss-0e2b851d\">No problem. Contact me and we will discuss your requirements. No matter if business or private.<\/p>\n\n\n\n<div id=\"jp-block-themeisle-blocks-button-group-77e0455a\" class=\"wp-block-themeisle-blocks-button-group wp-block-buttons align-center jp-block-themeisle-blocks-button-group jp-block-buttons\">\n<div id=\"jp-block-themeisle-blocks-button-c6fb3687\" class=\"wp-block-themeisle-blocks-button wp-block-button jp-block-themeisle-blocks-button jp-block-button\"><a href=\"https:\/\/sascha-brockel.de\/en\/#contact\" target=\"_self\" rel=\"noopener noreferrer\" class=\"wp-block-button__link\"><i class=\"fas fa-fw fa-phone-volume margin-right\"><\/i><span>Contact<\/span><\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Du nutzt Home Assistant und m\u00f6chtest dein Auto oder Fahrzeug direkt im Dashboard einbinden? Dann ist die Vehicle Status Card genau das richtige Tool f\u00fcr dich. Mit ihr kannst du nicht nur Ladezustand, Reichweite und Status anzeigen, sondern auch Buttons, Karten und vieles mehr. In diesem Artikel zeige ich dir, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2719,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[32],"tags":[46,28],"class_list":["post-2718","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-home","tag-home-assistant","tag-smart-home"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.9 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard! - Sascha Brockel<\/title>\n<meta name=\"description\" content=\"Zeige Batteriestatus, Reichweite, Standort &amp; Fahrzeugdaten direkt in Home Assistant \u2013 mit der Vehicle Status Card.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!\" \/>\n<meta property=\"og:description\" content=\"Zeige Batteriestatus, Reichweite, Standort &amp; Fahrzeugdaten direkt in Home Assistant \u2013 mit der Vehicle Status Card.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Sascha Brockel\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-06T12:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1880\" \/>\n\t<meta property=\"og:image:height\" content=\"1253\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sascha Brockel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@saschabrockel\" \/>\n<meta name=\"twitter:site\" content=\"@saschabrockel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sascha Brockel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/\"},\"author\":{\"name\":\"Sascha Brockel\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"headline\":\"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!\",\"datePublished\":\"2025-10-06T12:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/\"},\"wordCount\":1383,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"image\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1\",\"keywords\":[\"Home Assistant\",\"Smart Home\"],\"articleSection\":[\"Smart Home\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/en\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/\",\"url\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/\",\"name\":\"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard! - Sascha Brockel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1\",\"datePublished\":\"2025-10-06T12:00:00+00:00\",\"description\":\"Zeige Batteriestatus, Reichweite, Standort & Fahrzeugdaten direkt in Home Assistant \u2013 mit der Vehicle Status Card.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1\",\"width\":1880,\"height\":1253,\"caption\":\"Photo by Albin Berlin on Pexels.com\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/sascha-brockel.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#website\",\"url\":\"https:\\\/\\\/sascha-brockel.de\\\/\",\"name\":\"Sascha Brockel\",\"description\":\"Fortschritt kennt keine Grenzen\",\"publisher\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sascha-brockel.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\",\"name\":\"Sascha Brockel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"width\":709,\"height\":945,\"caption\":\"Sascha Brockel\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\"},\"sameAs\":[\"https:\\\/\\\/sascha-brockel.de\\\/\",\"https:\\\/\\\/www.instagram.com\\\/saschabrockel\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sascha-brockel-b20725164\\\/\",\"https:\\\/\\\/x.com\\\/saschabrockel\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCogo25FboCahP7s8--HDuIQ\"]}]}<\/script>\n<meta property=\"og:video\" content=\"https:\/\/www.youtube.com\/embed\/i1avIB2-ld4\" \/>\n<meta property=\"og:video:type\" content=\"text\/html\" \/>\n<meta property=\"og:video:duration\" content=\"1044\" \/>\n<meta property=\"og:video:width\" content=\"480\" \/>\n<meta property=\"og:video:height\" content=\"270\" \/>\n<meta property=\"ya:ovs:adult\" content=\"false\" \/>\n<meta property=\"ya:ovs:upload_date\" content=\"2025-10-06T12:00:00+00:00\" \/>\n<meta property=\"ya:ovs:allow_embed\" content=\"true\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vehicle Status Card for Home Assistant - your car dashboard! - Sascha Brockel","description":"Show battery status, range, location &amp; vehicle data directly in Home Assistant - with the Vehicle Status Card.","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:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/","og_locale":"en_US","og_type":"article","og_title":"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!","og_description":"Zeige Batteriestatus, Reichweite, Standort & Fahrzeugdaten direkt in Home Assistant \u2013 mit der Vehicle Status Card.","og_url":"https:\/\/sascha-brockel.de\/en\/vehicle-status-card-for-home-assistant-your-car-dashboard\/","og_site_name":"Sascha Brockel","article_published_time":"2025-10-06T12:00:00+00:00","og_image":[{"width":1880,"height":1253,"url":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","type":"image\/jpeg"}],"author":"Sascha Brockel","twitter_card":"summary_large_image","twitter_creator":"@saschabrockel","twitter_site":"@saschabrockel","twitter_misc":{"Written by":"Sascha Brockel","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#article","isPartOf":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/"},"author":{"name":"Sascha Brockel","@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"headline":"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!","datePublished":"2025-10-06T12:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/"},"wordCount":1383,"commentCount":0,"publisher":{"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"image":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","keywords":["Home Assistant","Smart Home"],"articleSection":["Smart Home"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/sascha-brockel.de\/en\/#organization"}},{"@type":"WebPage","@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/","url":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/","name":"Vehicle Status Card for Home Assistant - your car dashboard! - Sascha Brockel","isPartOf":{"@id":"https:\/\/sascha-brockel.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#primaryimage"},"image":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","datePublished":"2025-10-06T12:00:00+00:00","description":"Show battery status, range, location &amp; vehicle data directly in Home Assistant - with the Vehicle Status Card.","breadcrumb":{"@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#primaryimage","url":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","contentUrl":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","width":1880,"height":1253,"caption":"Photo by Albin Berlin on Pexels.com"},{"@type":"BreadcrumbList","@id":"https:\/\/sascha-brockel.de\/vehicle-status-card-fuer-home-assistant-dein-auto-dashboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/sascha-brockel.de\/"},{"@type":"ListItem","position":2,"name":"Vehicle Status Card f\u00fcr Home Assistant \u2013 dein Auto-Dashboard!"}]},{"@type":"WebSite","@id":"https:\/\/sascha-brockel.de\/#website","url":"https:\/\/sascha-brockel.de\/","name":"Sascha Brockel","description":"Progress knows no boundaries","publisher":{"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sascha-brockel.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970","name":"Sascha Brockel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","url":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","contentUrl":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","width":709,"height":945,"caption":"Sascha Brockel"},"logo":{"@id":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1"},"sameAs":["https:\/\/sascha-brockel.de\/","https:\/\/www.instagram.com\/saschabrockel\/","https:\/\/www.linkedin.com\/in\/sascha-brockel-b20725164\/","https:\/\/x.com\/saschabrockel","https:\/\/www.youtube.com\/channel\/UCogo25FboCahP7s8--HDuIQ"]}]},"og_video":"https:\/\/www.youtube.com\/embed\/i1avIB2-ld4","og_video_type":"text\/html","og_video_duration":"1044","og_video_width":"480","og_video_height":"270","ya_ovs_adult":"false","ya_ovs_upload_date":"2025-10-06T12:00:00+00:00","ya_ovs_allow_embed":"true"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2025\/10\/pexels-photo-919073.jpeg?fit=1880%2C1253&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/comments?post=2718"}],"version-history":[{"count":4,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2718\/revisions"}],"predecessor-version":[{"id":2726,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2718\/revisions\/2726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/media\/2719"}],"wp:attachment":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/media?parent=2718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/categories?post=2718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/tags?post=2718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}