UI eXtension for Home Assistant

UI eXtension for Home Assistant następca Card-mod

Instalacja: UIX nie działa z Card-mod więc trzeba go odinstalować.

  1. Instalacja HACS

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

  1. Restart HA
  2. Instalacja Integracji.

Github: GitHub - Lint-Free-Technology/uix: 💡 UI eXtension 💡 Add CSS styles to (almost) any part of the Home Assistant UI. · GitHub

Forum HA: https://community.home-assistant.io/t/uix-forge-template-cards-badges-rows-picture-elements-sections-and-add-sparks/1002556

FAQ: https://uix.lf.technology/

Checkbox:
Screenshot - 6.08.2026 , 14_28_38
Screenshot - 6.08.2026 , 14_28_47

type: custom:uix-forge
forge:
  mold: card
  macros:
    icon_type:
      params:
        - entity_id
        - name: icon_on
          default: "'mdi:checkbox-outline'"
        - name: icon_off
          default: "'mdi:checkbox-blank-outline'"
      template: "{{ icon_on if is_state(entity_id, 'on') else icon_off }}"
element:
  type: tile
  entity: input_boolean.test_boolean
  name: input_bool
  uix:
    style:
      .: |
        :host {
          --uix-icon: {{ icon_type(config.entity) }};
        }

Rozwijana karta + fold-entity-row:
Screenshot - 6.08.2026 , 14_31_50

type: custom:fold-entity-row 
head: sensor.wmbus_reader_eth_v4_apator_water_meter_state_ciepla
entities:
  - sensor.wmbus_reader_eth_v4_apator_water_meter_state_zimna
  - type: custom:uix-forge
    forge:
      mold: card_as_row
    element:
      type: entities
      visibility:
        - condition: state
          entity: sensor.wmbus_reader_eth_v4_apator_water_meter_state_ciepla
          state: "on"
      uix:
        style: |
          ha-card {
            margin: -16px -16px 0px -16px;
          }
      entities:
        - sensor.wmbus_reader_eth_v4_apator_water_meter_state_ciepla

1 polubienie