flixlix-cards
Beautiful energy cards for Home Assistant
Customizable Lovelace cards for visualizing the energy story in your home — animated flow diagrams between grid, solar, battery and devices, plus a dedicated breakdown chart for proportional consumption. This site documents how to install, configure, and contribute to each card.
HACSHome AssistantOpen source
Power Flow Card Plus
Visualizes instantaneous power distribution (W / kW). Best for live dashboards where you want to see what is flowing right now.
- UI editor & YAML support
- Up to 4 individual devices
- Bidirectional grid & battery flows
- Power outage handling and templates
Energy Flow Card Plus
Visualizes accumulated energy values (Wh / kWh) for the selected dashboard period (today, week, custom range, etc.).
- Binds to Home Assistant energy collections
- Same flexible config style as Power Flow
- Multiple dashboard support via
collection_key - Translatable labels in 14+ languages
Energy Breakdown Card
Visualizes how your energy use is broken down across sources, as a donut or stacked bar. Pairs well with the energy dashboard's selected period.
- Donut and stacked-bar variants
- Optional legend with values & percentages
group_others+max_itemsto keep things tidy- Custom HACS repository (not yet in the default index)
Sortable List Card
A generic drag-and-drop reorderable list. Saves the order via any service — perfect for a HEMS load-priority list, room ordering, or any ranking.
- Drag or use arrows to reorder
- Persist via any service with placeholders
- Entity-backed items (name, icon, state)
- Custom HACS repository (not yet in the default index)
Sidebar navigation
Use the sidebar to jump between Overview, Installation, Configuration, and ready-made Examples for each card.
Search the docs
Find any page, section, configuration option, or example in seconds. Press ⌘K (or Ctrl K) anywhere to jump straight in.
Contribute
Found a bug or have an idea? Read the contributing guide to set up the monorepo locally.