https://github.com/kizza/magic-home-party-card

A Home Assistant custom card for managing Magic Home lighting effects
https://github.com/kizza/magic-home-party-card

custom-cards homeassistant magic-home

Last synced: about 2 months ago
JSON representation

A Home Assistant custom card for managing Magic Home lighting effects

• Host: GitHub
• URL: https://github.com/kizza/magic-home-party-card
• Owner: kizza
• License: mit
• Created: 2023-01-09T21:25:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-03T22:23:08.000Z (10 months ago)
• Last Synced: 2024-05-11T07:32:28.312Z (8 months ago)
• Topics: custom-cards, homeassistant, magic-home
• Language: TypeScript
• Homepage:
• Size: 174 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🥳 Magic Home Party (Custom Card)

[](https://github.com/hacs/frontend)

[](https://api.github.com/repos/kizza/magic-home-party-card/releases)

[](https://github.com/kizza/magic-home-party-card/releases)

[](https://github.com/kizza/magic-home-party-card/actions/workflows/tests.yml)

A [Home Assistant](https://www.home-assistant.io/) custom card providing a palette for your [Magic Home integration](https://www.home-assistant.io/integrations/flux_led/) lighting effects.



## Motivation

I love my [Magic Home integration](https://www.home-assistant.io/integrations/flux_led/) 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](https://www.home-assistant.io/integrations/flux_led/#custom-effects---service-flux_ledset_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.

## Installation



Configure your Magic Home lights as per normal in homeassistant.  If you don't recognise this logo, this integration may not target your lights.

### HACS

Magic Home Party Card is available in [HACS][hacs] (Home Assistant Community Store).

1. Install HACS if you don't have it already

2. Open HACS in Home Assistant

3. Go to "Frontend" section

4. Click button with "+" icon

5. Search for "Magic Home Party Card"

### Manual

1. Download `magic-home-party-card.js` file from the [latest-release](https://github.com/kizza/magic-home-party-card/releases/latest).

2. Put magic-home-party.js file into your `config/www` folder.

3. Add a reference to this in your resources:

 - Add `/local/magic-home-party-card.js` via 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

  ```

## Usage

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](https://www.home-assistant.io/integrations/flux_led/#custom-effects---service-flux_ledset_custom_effect) with your configuration.