About
Fluid Level Background Card is a dashboard card that wraps other cards and draws an animated fluid level behind them. A sensor entity sets the fluid level, and a separate fill entity can turn on bubbles while it is active. Level and background colors can be set freely, and severity levels can change the fluid color based on the sensor value. A full value setting lets the card turn a raw sensor reading into a percentage. Wave height, speed and style are adjustable, with a choice between classic, realistic and a lighter realistic mode meant for dashboards with many cards. The fluid can also be clipped to a bottle, battery, droplet or tank shape, or to a custom image, while the wrapped card stays unchanged. It works with any card, including grid and stack cards, and is installed through the Marketplace or HACS.
Automatic summary of the README of swingerman/lovelace-fluid-level-background-card. Something wrong, or are you the maintainer and want your own text here? Get in touch
Supports
From the Marketplace Installed through the Marketplace, formerly HACS.
Actively maintained Its author released or pushed a change in the last six months.
Setting it up
Install it from the Marketplace, then add a card of this type to a dashboard.
From the README
A card that wraps other card or cards and renders a fluid level background behind them. The fluid level is controlled by a sensor entity and the background color can be set to any color. The card is designed to be used with any other card, including grid and stack cards.
Information
- GitHub stars
- 88
- Upkeep
- Updated in the last 6 months
- Version
- v0.2.0,
- Kind
- Dashboard card
- Needs
- Needs the Marketplace (HACS on 2026.10 and older)
- Issues
- Report an issue
