A Home Assistant custom card providing a palette for your Magic Home integration lighting effects.
I love my Magic Home integration strips, they're inexpensive and effective. After a failed attempt and writing my own python gradual transition effect I discovered the device could do it for me with a custom effect! Choosing and experimenting with the colours was awkward though - going from colour wheels to yaml and back - so I made this card to make the experience more enjoyable.
Single-clicking a colour chip from the palette will set all your configured lights to this colour - double-clicking any will add it to the sequence.
Configure your Magic Home lights as per normal in homeassistant. If you don't recognise this logo, this integration may not target your lights.
Magic Home Party Card is available in [HACS][hacs] (Home Assistant Community Store).
- Install HACS if you don't have it already
- Open HACS in Home Assistant
- Go to "Frontend" section
- Click button with "+" icon
- Search for "Magic Home Party Card"
- Download
magic-home-party-card.jsfile from the latest-release. - Put magic-home-party.js file into your
config/wwwfolder. - Add a reference to this in your resources:
- Add
/local/magic-home-party-card.jsvia the "manage resources" dashboard UI (as a javascript "module") - Or add the following to your yaml...
resources:
- url: /local/magic-home-party-card.js
type: module
Once installed you should find it within your available dashboard cards. Add-and-remove selected colors by double clicking (single click previews that colour with your lights). Once setup, click anywhere on the card to run the magic light effect with your configuration.
Build with yarn start which will expose the built /dist via the configured port.
Add this url to your resources.yaml (tip: with ?v=xxx for caching) then play.