Adapted from the canonical English UIX documentation by Lint-Free-Technology/uix, CC BY 4.0. Source: dev / 9.0.0-beta.2, revision 26e54e6, reviewed 22 October 2026. This source mirror may describe preview behavior beyond stable 8.4.0. Markup adapted for this site; the original documentation remains authoritative.

Other styling

Cards that don't have a <ha-element> can still be styled by using the supplied custom:mod-card card. This is only necessary in very very few instances, and likely to bring more problems than it solves. Most likely your card contains another card, in which case that is the one you should apply the styles to.

Use custom:mod-card with caution

yaml

type: custom:mod-card
card:
  type: custom:beloved-custom-card
  ...
uix:
  style: |
    ha-card {
      ...
    }

The mod-card will create a <ha-card> element and put your card inside that. The card will be styled transparent with no border or background.

Other styling ​

Other styling