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