A modern, highly visual blind control card for Home Assistant.
This is a fork of the original Blind Card by tungmeister, extended with improved visuals, drag control, and additional configuration options.
- Drag-to-set blind position with live percentage preview
- Smooth, physically accurate blind animation
- Optional pull cord interaction
- Multiple visual styles: roller, single door, split window, and sliding windows
- Invert position and/or commands
- Custom blind and pull cord colours
- Button and drag control combined
- Available from the default HACS repository list
| Name | Required | Description |
|---|---|---|
| type | Yes | Must be custom:lovelace-blind-card-enhanced |
| title | No | Title of the card |
| Name | Required | Default | Description |
|---|---|---|---|
| entity | Yes | - | Cover entity ID |
| name | No | Friendly name | Display name |
| buttons_position | No | left |
left or right |
| title_position | No | top |
top or bottom |
| invert_percentage | No | false |
Invert percentage logic |
| invert_commands | No | false |
Flip up/down button commands |
| blind_color | No | #4a4a4a |
Blind colour |
| pull_color | No | #d8d8d8 |
Pull cord colour |
| style | No | roller |
Visual style |
| show_pull | No | true |
Show pull cord |
Supported style values:
rollersingle_doorsplit_windowsliding_leftsliding_right
Use the style option per entity to change the visual representation.
type: custom:lovelace-blind-card-enhanced
title: Blinds
entities:
- entity: cover.study_blind
name: Study
style: single_door
blind_color: "#3f3f3f"
pull_color: "#d8d8d8"
- entity: cover.lounge_left_blind
name: Lounge Left
style: sliding_left
- entity: cover.lounge_right_blind
name: Lounge Right
style: sliding_right- Open HACS in Home Assistant
- Search for Lovelace Blind Card Enhanced
- Download the card
- Refresh your browser
The card is available in the default HACS repository list. You do not need to add it as a custom repository.
- Copy
lovelace-blind-card-enhanced.jsinto:
/config/www/
- Add it to your Lovelace resources:
resources:
- url: /local/lovelace-blind-card-enhanced.js
type: module- Refresh your browser.
This project is based on:
https://github.com/tungmeister/hass-blind-card
Original concept and base implementation by tungmeister.
Apache-2.0, same as the original project.