SMARTi watermark
HADS Switches preview
Overview

Neo Light Switch Card is a customizable HTML light-control card for Drag & Drop Card. It provides several switch styles, including toggle, vertical and horizontal sliders, circle button, rocker, card switch, dot switch, ring dimmer, and minimal dot switch.


The card is designed for visual dashboards where each light can be controlled directly from the card. It supports on/off control, brightness where available, and optional color and temperature controls through popup menus. Built-in settings let users choose the switch design, entity, label, icon visibility, status visibility, colors, transparency, and visual styling without editing the JSON manually.

What’s included

Package
Card JSON
Version
1.0.0
License
All Rights Reserved
Custom cards
Native

Requirements

Requires Home Assistant with Drag & Drop Card installed.

The card is made as an HTML/Web card for Drag & Drop Card and is intended to be imported into a Drag & Drop dashboard. Light entities should be available in Home Assistant. Brightness, color, and color temperature controls depend on the capabilities of each selected light entity.

This upload only uses native Drag & Drop Card helper cards.

Native

Installation notes

Import the provided JSON into Drag & Drop Card using the card import flow. After adding the card, open the card’s own settings menu to select the light entity and choose the preferred switch style.

No extra Home Assistant integrations are required beyond the light entities you want to control.

Version notes

Latest

Initial version

Version history

Choose an older release if your setup needs it.
Community thread

Discussion

34 comments across 7 topics
Please sign in to comment.

Hi, I have purchased this card and uploaded its Jason. I can see the card but how to setup the entity and different modes of switches??

Show 1 reply Hide reply
3 replies

I found the settings, it was very hidden if some color was applied for cards in themes. With white background for cards the setting toggle is not available!

Show 3 replies Hide replies
2 replies

How to translate the off and on text? and all other text in pop ups for brightness etc?


'Unavailable'  


'Brightness'   


'Warmth'    


'Color'    


'No matching lights or switches'


'Light'  


'Light config' 


'Apply'  

Show 2 replies Hide replies
1 reply

Which language would you prefer it to be in?

Show 1 reply Hide reply

In Dutch please, see below translations.


ON → AAN

OFF → UIT

Unavailable → Niet beschikbaar

Turn on → Schakel in

Turn off → Schakel uit

Brightness → Helderheid

Warmth → Warmte

Color → Kleur

Light → Lamp

Light controls → Lampbediening

Light config → Lampinstellingen

Apply → Toepassen

No matching lights or switches → Geen overeenkomende lampen of schakelaars


16 replies

Hi,


I have tried all color settings but I can not get the background of the card changing in a color with our having this big yellow distortion. I would like to have them as your example at the top of this page.


Please see attached picture.

Show 16 replies Hide replies
15 replies

Hi, I will implement all your requests, but give me until tomorrow. Is that okay?

Show 15 replies Hide replies
14 replies

Hi, Yes of course pal! Basically I would like to replicate this dashboard, including the background if possible? You have also a very nice background which you use for the loading screen (like gradient purple, reminds me of Bubble background).


Really love the flexibility of this dashboard and would love to make this as the default dashboard.