/Ultra-Vehicle-Card

This custom card allows you to display vehicle information in your Home Assistant dashboard, including the vehicle name, image, and fuel or charge level.

Primary LanguageJavaScriptOtherNOASSERTION

hacs_badge

Ultra Vehicle Card for Home Assistant

Light Screenshot Dark Screenshot

This custom card allows you to display vehicle information in your Home Assistant dashboard, including the vehicle name, image, and fuel or charge level. For any EVs you will see an animation when charging.

Installation

HACS (Recommended)

  1. Make sure you have HACS installed in your Home Assistant instance.
  2. Go to HACS > Frontend
  3. Click on the three dots in the top right corner and select "Custom repositories."
  4. Add your repository URL: https://github.com/WJDDesigns/Ultra-Vehicle-Card and select the category as "Lovelace."
  5. Click on the "+" button
  6. Search for "Ultra Vehicle Card"
  7. Click Install
  8. Restart Home Assistant

Manual Installation

  1. Download the ultra-vehicle-card.js, styles.js, and ultra-vehicle-card-editor.js files from this repository.
  2. Copy the files to your config/www folder in your Home Assistant configuration directory.
  3. Add the following to your configuration.yaml file:
lovelace:
  resources:
    - url: /local/ultra-vehicle-card.js
      type: module

Repo

Cool Tip

Hey there, fellow Home Assistant enthusiast! 🏠✨

Did you know that the Ultra Vehicle Card was inspired by a midnight coding session fueled by an unhealthy amount of caffeine and a sudden realization that cars deserve cool cards too? It's true!

If this card has made your dashboard a little more awesome or saved you from the treacherous "low fuel surprise," consider buying the developer a virtual Dr Pepper. It helps keep the creativity flowing and the code bug-free!

Donate with PayPal