SHSelfHostIndex
CA

card-mod

Apply custom CSS styles to Home Assistant Lovelace cards

Home Automation ★ 1.8k stars Medium setup MIT

card-mod is a Home Assistant plugin that lets users apply custom CSS styling to almost any Lovelace card, badge, or view. It enables deep visual customization of dashboards without forking card code.

Official siteSource code

Key features

  • Custom CSS for any card
  • Style badges and views
  • Dynamic templated styling
  • No card forking needed

Strengths

  • Released under the MIT license
  • Active community (1.8k GitHub stars)
  • Written in TypeScript
  • Tiny footprint — runs in 32 MB RAM

Is card-mod secure?

OSV.dev has no published security advisories for card-mod's repository. No known vulnerabilities is not proof of security: it means none have been publicly catalogued.

Source: OSV.dev, checked 2026-10-14. How this is measured.

card-mod replaces

Self-hosted proprietary dashboard theming tools alternatives

Health badge

Maintain card-mod? Add its health score to your README. The badge links back to this page.

SelfHostIndex: 80 · excellent

Markdown
[![SelfHostIndex health score for card-mod](https://selfhostindex.com/badge/lovelace-card-mod.svg)](https://selfhostindex.com/app/lovelace-card-mod/)
HTML
<a href="https://selfhostindex.com/app/lovelace-card-mod/"><img src="https://selfhostindex.com/badge/lovelace-card-mod.svg" alt="SelfHostIndex health score for card-mod"></a>
reStructuredText
.. image:: https://selfhostindex.com/badge/lovelace-card-mod.svg
   :alt: SelfHostIndex health score for card-mod
   :target: https://selfhostindex.com/app/lovelace-card-mod/

The score is recomputed on every nightly rebuild from public repository data — see how it is calculated.

Similar home automation apps