My “dumb” washing machine finally got a beautiful dashboard card — sharing it with you all (free & open source)
I loved the animated washing machine card in the Oikos app, but I didn’t want to pay a subscription just for that. So I built my own Lovelace card and I’m sharing it with the community.
The trick: the machine itself is completely dumb — everything runs off a $10 smart plug with power monitoring. A template binary_sensor detects the cycle, and a small automation stores the stats.
What the card shows: Animated machine — laundry tumbles and blue arcs spin around the door while washing (pure CSS/SVG, no images) Live elapsed time on the machine’s display + progress ring Power gauge with auto units (1950 W → 1.95 kW) Last cycle summary: start time, duration, energy and cost Quick toggles for the plug and the “finished” notification English + Russian, follows your HA language
Single vanilla JS file, zero dependencies, every entity is optional. Installs manually or as a HACS custom repository. The repo includes a ready-to-use example package with all the sensors, helpers and automations you need.
Link to the project on GitHub in the first comment
Feedback and PRs are very welcome — this is my first public HA card. Hope it’s useful!
Nice, now you need a walltablet and a cat so they can enjoy it!
On a more serious note: it seems be be built with the use of AI and I think it is required to be mentioned.
Thanks for sharing. I really like the concept of this card.
Installed fine. Using with a Tapo P110 power plug. I’m not using it for the washing machine at the moment, I use it for a Tumble Dryer so same principle. Good to have the ability to rename the title.
My only feedback is the sizing and colour as I use the dark theme. Would be good to adjust these if possible.
Thanks
Thanks so much for the kind words — and great to hear it works with a Tapo P110 and a tumble dryer! That’s exactly the point of the “dumb appliance + smart plug” approach: it doesn’t care what’s actually plugged in.
You’re absolutely right about the dark theme — the card currently ships with a fixed light palette, which looks out of place on a dark dashboard. In the next release I’ll make the card theme-aware: it will pick up the background and text colours from your active Home Assistant theme automatically, so it blends in whether you’re on light or dark.
Thank you for your support. It means a lot to me as I’m a newbie.
My “dumb” washing machine finally got a beautiful dashboard card — sharing it with you all (free & open source)
Animated machine — laundry tumbles and blue arcs spin around the door while washing (pure CSS/SVG, no images)
Live elapsed time on the machine’s display + progress ring
Power gauge with auto units (1950 W → 1.95 kW)
Last cycle summary: start time, duration, energy and cost
Quick toggles for the plug and the “finished” notification
English + Russian, follows your HA language
