SMARTi watermark
HADS Switches
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.

Discussion

34 comments in this thread
Be kind. Formatting and images are supported.
Please sign in to comment.
RS5353
2026-06-10 15:51

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??

HADS
2026-06-10 18:19

There is a own settings button on the light cards which opens the config menu:

RS5353
2026-06-10 16:16

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!

HADS
2026-06-10 18:19

I will look into this issue.

HADS
2026-06-10 18:22


I guess this is what you mean? That the settings button is not visible?

RS5353
2026-06-10 19:46

Hi, Yes correct!

RS5353
2026-06-10 17:25

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'  

HADS
2026-06-10 18:20

Which language would you prefer it to be in?

RS5353
2026-06-10 19:49

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


RS5353
2026-06-10 19:51

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.

HADS
2026-06-10 20:51

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

RS5353
2026-06-10 21:17

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.