Skip to content

⚠️ Work in Progress

LCARdS is a hobby project and not a fully commissioned Starfleet product — expect the occasional tribble.

Documentation is under heavy construction - it may not be complete and/or accurate to the current build of the project.

What is LCARdS?

LCARdS Banner

Build Star Trek LCARS-style dashboards in Home Assistant — reactive controls, coordinated animations, and a full Master Systems Display, all in one unified card system.

LCARdS originates from, and supersedes, the CB-LCARS project. It is designed to accompany the HA-LCARS theme.

lcards-button — All standard LCARS buttons, plus advanced multi-segment controls.

  • Built-in preset library: lozenge, bullet, capped, outline, pill, text, and more
  • Component mode — embed SVG components (D-pad, Alert, custom shapes) with per-segment interactivity
  • Canvas-based background animations — stackable layers with zoom and pan
  • Rules Engine integration — styles hot-patched at runtime

Button Documentation

What Makes It Different

Every card shares a common set of core features — you get these without any extra configuration.

State-aware styling — cards change colour and style in response to HA entity state, individually or in coordinated groups via the Rules Engine.

Templates everywhere — any text field accepts entity state, attributes, theme tokens, DataSource values, JavaScript expressions, or Jinja2. Learn more →

Alert Mode — a single helper entity shifts the entire dashboard colour palette, plays sounds, and activates an overlay card simultaneously. Learn more →

Animations — Anime.js v4 is built in; animate any element in response to interactions or entity state changes. Learn more →

DataSources — subscribe to entities, buffer history, run processing pipelines (moving averages, min/max), and use the results in any card field or chart. Learn more →

Next Steps

Installation — install via HACS in under a minute

Quick Start — add your first card and explore the editors

Coming from CB-LCARS? — feature mapping table