🎚️ Tile Slider Card - Compact Tile + Slider in a Single Space

:level_slider: Tile Slider Card - Compact Tile + Slider in a Single Space

Hi everyone :waving_hand:

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 :slightly_smiling_face:

5 Likes