Tile Slider Card - Compact Tile + Slider in a Single Space
Hi everyone ![]()
I wanted to share a small custom card project I've been working on recently: Tile Slider Card .
The idea behind this card is very simple:
I really like the look and feel of Home Assistant's official Tile card, but I often found myself needing both:
- the tile itself
- and a slider control
In many dashboards, especially compact ones, that usually means using two visual spaces:
one for the entity and another one for the slider or feature row.
So I started experimenting with a card that keeps the official Tile aesthetic while integrating the slider directly inside the same card footprint.
The result is this:
- Official Tile-inspired design
- Slider integrated into the card itself
- Same compact size as a regular Tile card
- Support for Home Assistant actions
- Visual editor support
- Dynamic attribute detection
- Read-only support for numeric sensors
- Horizontal and vertical layouts
- Localized editor labels
- Compact dashboards without losing quick control
Example:
The project is still experimental and evolving, but it's already usable and working quite well for lights, covers, fans, climate entities, input_numbers, sensors, etc.
One thing I especially wanted was preserving the "native Home Assistant feeling" instead of creating something visually disconnected from the default UI.
GitHub:
Some examples:
type: custom:tile-slider-card
entity: climate.living_room
type: custom:tile-slider-card
entity: light.kitchen
name: Kitchen
state:
show: true
slider:
controllable: true
Feedback, ideas, and suggestions are very welcome ![]()
