GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kuuji → light-card

kuuji / light-card

Licence: MIT License
Lovelace light-card for home assistant

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

home-automationhome-assistantlovelacehome-assistant-customlovelace-ui

Projects that are alternatives of or similar to light-card

Home Assistantconfig
🏠 Home Assistant configuration & Documentation for my Smart House. Write-ups, videos, part lists, and links throughout. Be sure to ⭐ it. Updated FREQUENTLY!
Stars: ✭ 3,687 (+20383.33%)
Mutual labels:  home-automation, home-assistant, lovelace
bom-radar-card
A rain radar card using the new tiled images from the Australian BOM
Stars: ✭ 52 (+188.89%)
Mutual labels:  home-assistant, lovelace, lovelace-ui
Home-Assistant-Main
My Home Assistant Configuration Be sure to ⭐ my repo so you can keep up to date on the daily progress!
Stars: ✭ 54 (+200%)
Mutual labels:  home-automation, home-assistant, lovelace
tv-card
📺 TV Remote Card
Stars: ✭ 139 (+672.22%)
Mutual labels:  lovelace, home-assistant-custom, lovelace-ui
google home timers card
Card for Home Assistant Google Home integration.
Stars: ✭ 29 (+61.11%)
Mutual labels:  home-automation, lovelace, lovelace-ui
myconfig
My Home Assistant config
Stars: ✭ 143 (+694.44%)
Mutual labels:  home-automation, lovelace, lovelace-ui
numberbox-card
Replace input_number sliders with plus and minus buttons
Stars: ✭ 61 (+238.89%)
Mutual labels:  home-assistant, lovelace, lovelace-ui
lovelace-battery-entity-row
Show battery states or attributes with dynamic icon on entity rows in Home Assistant's Lovelace UI
Stars: ✭ 49 (+172.22%)
Mutual labels:  home-assistant, lovelace, lovelace-ui
nibeuplink
Nibe Uplink asyncronous python interface
Stars: ✭ 20 (+11.11%)
Mutual labels:  home-automation, home-assistant
PiBuilder
Ideas for building a Raspberry Pi from "bare metal" to ready-to-run IOTstack
Stars: ✭ 26 (+44.44%)
Mutual labels:  home-automation, home-assistant
hhnl.HomeAssistantNet
No description or website provided.
Stars: ✭ 31 (+72.22%)
Mutual labels:  home-automation, home-assistant
lovelace-climate-mode-entity-row
Climate mode entity for Lovelace
Stars: ✭ 49 (+172.22%)
Mutual labels:  home-assistant, lovelace
ha-config-ataraxis
My Home Assistant Configs. If you like what you see, please ⭐️my repo. It would encourage me a lot 🤘
Stars: ✭ 146 (+711.11%)
Mutual labels:  home-automation, home-assistant
air-visual-card
A Lovelace card showing air quality data from airvisual.com. Requires the AirVisual component.
Stars: ✭ 70 (+288.89%)
Mutual labels:  home-assistant, lovelace
lovelace-soft-ui
💫 Simple and clean Lovelace configuration
Stars: ✭ 807 (+4383.33%)
Mutual labels:  home-assistant, lovelace
homeassistant-config
My elaborate home automation configuration + scripts
Stars: ✭ 17 (-5.56%)
Mutual labels:  home-automation, home-assistant
homeassistant-lightwave2
Lightwave RF custom component for Home Assistant. Requires generation 2 ("Link Plus") hub, but will control both generation 1 ("Connect Series") and generation 2 ("Smart Series") devices.
Stars: ✭ 31 (+72.22%)
Mutual labels:  home-automation, home-assistant
works-with-home-assistant
Equipment and software that works with Home Assistant
Stars: ✭ 32 (+77.78%)
Mutual labels:  home-automation, home-assistant
issues
Issue Tracker for ESPHome
Stars: ✭ 182 (+911.11%)
Mutual labels:  home-automation, home-assistant
mac-api
Command your Mac from afar
Stars: ✭ 33 (+83.33%)
Mutual labels:  home-automation, home-assistant
View All Similar Projects ➔

Light card

light card is an light icon button for your light entities.

The icon colors itself depending on the color of the light. If the color can not be detected (not supported by the light), a default warm yellow is used.

The card shows the more-info pop-in on click/tap.

light-card

Options

Name Type Default Description
type string Required custom:light-card
entity string Required light.office
icon string mdi:lightbulb mdi:desk-lamp
size string 40% Size of the icon. Can be percentage or pixel

Instructions

  1. Download the light-card
  2. Place the file in your config/www folder
  3. Include the card code in your ui-lovelace-card.yaml
title: Home
resources:
  - url: /local/light-card.js
    type: js
  1. Write configuration for the card in your ui-lovelace.yaml

Examples

Show a light card for the office lights:

- type: "custom:light-card"
  entity: light.office
  bulb_icon: mdi:desk-lamp

light-card

Show a light card with default bulb icon:

- type: "custom:light-card"
  entity: light.desk_lamp

light-card

Credits

  • ciotlosm for the readme template and the awesome examples
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].