Generic 'Vehicle' Card

Hi @Bellardita,

I love your cards. Please, can you share it?

Best regards

1 Like

I would also appreciate the code being shared if that would be possible, @Bellardita.

Thanks in advance! :smiley:

Hi @Karrelax , i have #3 brabus, sensor.smart_tank_flap_status works for you? I see always position “2”

Thanks a lot

Hi, @Bellardita,

Even if it is on a preliminary phase, could you please share your images and code?

I believe it would be very helpful for many of us. Thanks in advance.

sorry for the delay!
Nope, it doesnt. Now I have removed it, as it never changes. Lately I also have some issues with the charging power, but the integration is quite new, so I asume some errors may occur…

My little contribution for A Class W177:


And the code

- type: picture-elements
    elements:
      - type: conditional
        conditions:
          - entity: lock.gv428he_lock
            state: unlocked
        elements:
          - type: image
            entity: lock.gv428he_lock
            image: /local/image/voiture/cx9-all.png
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
          - type: image
            entity: lock.gv428he_lock
            image: /local/image/voiture/cx9-lock.svg
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
      - type: conditional
        conditions:
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
        elements:
          - type: image
            image: /local/image/voiture/cx9-left.png
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
          - type: image
            entity: binary_sensor.gv428he_windows_closed
            image: /local/image/voiture/cx9-driver-door.svg
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
      - type: conditional
        conditions:
          - entity: sensor.gv428he_lock
            state: unlocked
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
          - entity: binary_sensor.gv428he_windows_closed
            state: 'off'
        elements:
          - type: image
            image: /local/image/voiture/cx9-all.png
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
          - type: image
            image: /local/image/voiture/cx9-lock.svg
            style:
              top: 50%
              left: 50%
              width: 100%
            filter: saturate(1)
            tap_action: none
      - type: state-icon
        entity: sensor.gv428he_lock
        state_color: false
        style:
          top: 18%
          left: 25%
      - type: state-label
        entity: sensor.gv428he_lock
        style:
          top: 23.5%
          left: 5%
      - type: state-icon
        entity: binary_sensor.gv428he_tire_warning
        state_color: false
        style:
          top: 18%
          left: 5%
      - type: state-label
        entity: binary_sensor.gv428he_tire_warning
        style:
          top: 23.5%
          left: 25%
      - type: state-icon
        entity: device_tracker.gv428he_device_tracker
        state_color: false
        style:
          top: 18%
          left: 80%
      - type: state-label
        entity: device_tracker.gv428he_device_tracker
        style:
          top: 23.5%
          left: 80%
      - type: state-icon
        entity: sensor.gv428he_odometer
        style:
          top: 75%
          left: 80%
      - type: state-label
        entity: sensor.gv428he_odometer
        style:
          top: 81%
          left: 80%
      - type: state-icon
        entity: sensor.gv428he_fuel_level
        style:
          top: 75%
          left: 95%
      - type: state-label
        entity: sensor.gv428he_fuel_level
        style:
          top: 81%
          left: 95%
      - type: state-icon
        entity: binary_sensor.gv428he_windows_closed
        state_color: false
        style:
          top: 18%
          left: 15%
      - type: state-label
        entity: binary_sensor.gv428he_windows_closed
        style:
          top: 23.5%
          left: 15%
      - type: state-icon
        entity: binary_sensor.gv428he_low_brake_fluid_warning
        style:
          top: 75%
          left: 5%
      - type: state-label
        entity: binary_sensor.gv428he_low_brake_fluid_warning
        style:
          top: 81%
          left: 5%
      - type: state-icon
        entity: binary_sensor.gv428he_low_coolant_level_warning
        style:
          top: 75%
          left: 25%
      - type: state-label
        entity: binary_sensor.gv428he_low_coolant_level_warning
        style:
          top: 81%
          left: 25%
      - type: state-icon
        entity: binary_sensor.gv428he_low_wash_water_warning
        style:
          top: 75%
          left: 15%
      - type: state-label
        entity: binary_sensor.gv428he_low_wash_water_warning
        style:
          top: 81%
          left: 15%
      - type: state-icon
        entity: sensor.gv428he_tire_pressure_front_left
        style:
          top: 35%
          left: 35%
      - type: state-label
        entity: sensor.gv428he_tire_pressure_front_left
        style:
          top: 40%
          left: 35%
      - type: state-icon
        entity: sensor.gv428he_tire_pressure_front_right
        style:
          top: 35%
          left: 65%
      - type: state-label
        entity: sensor.gv428he_tire_pressure_front_right
        style:
          top: 40%
          left: 65%
      - type: state-icon
        entity: sensor.gv428he_tire_pressure_rear_left
        style:
          top: 75%
          left: 35%
      - type: state-label
        entity: sensor.gv428he_tire_pressure_rear_left
        style:
          top: 81%
          left: 35%
      - type: state-icon
        entity: sensor.gv428he_tire_pressure_rear_right
        style:
          top: 75%
          left: 65%
      - type: state-label
        entity: sensor.gv428he_tire_pressure_rear_right
        style:
          top: 81%
          left: 65%
    image: /local/image/voiture/cx9.svg
  - type: gauge
    entity: sensor.gv428he_range_liquid
    name: Autonomie
    unit: Kms
    needle: true
    min: 0
    max: 800
    segments:
      - from: 0
        color: red
      - from: 160
        color: orange
      - from: 320
        color: yellow
      - from: 480
        color: green
      - from: 640
        color: lightgreen

Hi, i’m very interested to your very beautiful card.

Hi there, I’m interested in you code.
Also curious about your charging controls.

Thanks in advance

Hi so many vehicle cards here.

Did you guys see 🏎️ Ultra Vehicle Card - A simple and clean way to show your vehicle's information!

And this one : GitHub - ngocjohn/vehicle-status-card: Lovelace custom card for tracking Vehicle status

Is a generic still needed then?

I own a HEV Kia Sportage car and looking for a nice card too but didnt decide yet which one to go.

1 Like

Might be seen as an ass comment or I just read it too diagonally; but, I don’t see anything generic in this thread.
I was hoping to see something that would fit any car, or even better, the charging station; not car related…

Hi @genosonic - may I request your skills again?
My wife is getting a new car, which I would also like to integrate into my dashboard with the same Layout… :slight_smile:

It is a VW e-Up…
I’ve tried to redraw the car by myself - but it’s not working well at the moment…

Would be really appreciated :slight_smile: & Thank you

@genosonic Would you be able and willing to create images for a Mazda CX-50 2025 (Meridian Edition)? I’d be happy to fund that if you’d be willing and able. I really wanna make my Car HASS dashboard look professional.

New Home Assistant user here! Absolutely love the time, effort, and generosity I see in this thread. I hope to learn bit and bit. I the meantime, could you guys help me creat something similar for my Mazda CX-90 PHEV? I was trying to copy some templates/codes from here and implement it with my car but confused with some sensors/identities. e.g., my car has the “binary_sensor.vehicle_identifier_hood” identity but not the “binary_sensor.vehicle_identifier_hood_closed” one. So, how do I get the on/off states?

Can you share the picture of the front of the Enyaq? I can’t find the correct size so it will not show up in my HA

I wonder should this thread be moved to Configuration - Frontend?
This is mainly not about adding some stock card - but about sharing different solutions.

I mean, it STARTED as a request that others have shown off implemented solutions to, but honestly if anything it just shows much we really should have a generic card :rofl:

I do not think it can be a generic card since integrations have different sets of data and cars have different look.

I mean, it really could be.

1 drop-down for class of vehicle which gives a generic silhouette and defines things like number of doors.

Other elements could add themselves to the card as they are provisioned like lock/unlock buttons, or remote start.

Provide booleans for the lock states of the different doors and windows.

Feed it a GPS object and it adds an address or location.

Etc.

There are plenty of generic cards that already work exactly like this, it just needs to be implemented.

Hello @genosonic, may I ask for your skills again?

I have an Audi RS5 in distinct green (olive green) with black mirrors and would love to have it so great in my dashboard with your pictures.

I have tried it myself but clearly lack the skill.

I would really appreciate it. Thank you very much.

Audi S5 Blueprint

the color:

Try photoshop :slight_smile: