Skip to content

Core Concepts

LCARdS cards are driven by a set of shared singleton services, and a set of per-card configuration options shared across all card types. This section covers both.

Per-Card Options

Options you configure directly in individual card YAML:

OptionDescription
ActionsTap, hold, and double-tap actions wired to any HA service call
ColoursAccepted colour formats and state-based colour maps
PresetsNamed style collections — apply a full card appearance in one line
SoundsEvent-driven audio feedback via the Sound Manager
StylesThe style: block — card background, border, icon, and dimension overrides
Text FieldsLabel and value field templating reference

Core Services

Shared singleton systems that all cards tap into:

ServiceDescription
Alert ModeCoordinated dashboard-wide red/yellow alert states with full UI and audio transformation
Data SourcesLive entity subscriptions, polling, history buffers, and transformations
Rules EngineConditional styling engine — change colours, icons, labels, and trigger animations based on entity state
TemplatesFour template types — JavaScript, token, data source, and Jinja2 — evaluated uniformly across all properties
ThemesToken-based colour palette shared across all cards

Effects

EffectDescription
Animationsanime.js-powered animations triggered by interactions or entity changes
Background AnimationsCanvas2D animated backgrounds behind card content
FiltersStackable CSS and SVG visual filters — blur, brightness, colour shift, displacement