Tarjeta Mosaico Home Assistant: Guía Definitiva 2026

Actualizado el 22 de enero de 2026

La tarjeta mosaico de Home Assistant (Tile Card) se ha consolidado como una de las herramientas más potentes y versátiles para personalizar nuestros dashboards. Lo que comenzó como una simple adición visual hace unos años, es hoy en 2026 un pilar fundamental para crear interfaces limpias, funcionales y, sobre todo, nativas. Si buscas la forma definitiva de personalizar tu dashboard de Home Assistant sin depender (inicialmente) de componentes personalizados, has llegado a la guía correcta.

En este artículo, como Ingeniero IoT Senior, te guiaré a través de todo lo que necesitas saber sobre la tarjeta mosaico, desde su configuración más básica hasta trucos avanzados con YAML que te darán un control absoluto sobre la estética y funcionalidad de tu Lovelace UI.

¿Qué es y para qué sirve la Tarjeta Mosaico de Home Assistant?

La tarjeta mosaico es un elemento de interfaz de usuario (UI) nativo de Home Assistant que permite mostrar el estado y control de una entidad de forma compacta y elegante. A diferencia de la tarjeta de entidades tradicional, su diseño está pensado para ser visualmente más atractivo y funcional en un espacio reducido, similar a un «tile» o baldosa en un panel de control.

Sus principales ventajas en 2026 son:

• Nativa y Optimizada: Al ser parte del núcleo de Home Assistant, no requiere la instalación de componentes de terceros como los disponibles en HACS, garantizando un rendimiento y estabilidad óptimos.
• Alta Personalización Visual: Permite configurar fácilmente colores, iconos y la información que se muestra directamente desde el editor visual.
• Funcionalidades Extensibles: Incorpora un sistema de «características» (features) que añade controles adicionales, como botones para presets de climatización, selectores o controles deslizantes.
• Base para Diseños Complejos: Aunque es sencilla de usar, su verdadero poder se desata al combinarla con herramientas como Card-Mod, permitiendo personalizaciones CSS ilimitadas.

Configuración Básica de la Tarjeta Mosaico (Paso a Paso)

Crear tu primera tarjeta de mosaico es un proceso increíblemente sencillo que se realiza en menos de un minuto a través de la interfaz gráfica. Vamos a usar como ejemplo el control de una luz inteligente.

1. Activa el modo de edición: Ve a tu dashboard, haz clic en los tres puntos en la esquina superior derecha y selecciona «Editar panel de control».
2. Añade una nueva tarjeta: Pulsa el botón azul «+ Añadir Tarjeta» y busca «Mosaico» en la lista.
3. Selecciona tu entidad: En el campo «Entidad», elige la luz o dispositivo que quieres controlar. Verás una previsualización instantánea.
4. Personaliza las opciones básicas:
   • Nombre: Dale un nombre descriptivo, como «Luz del Salón».
   • Icono: Cambia el icono por defecto si lo deseas.
   • Color del icono: Puedes elegir un color fijo o dejarlo en «Automático» para que cambie según el estado (amarillo si está encendida, gris si está apagada).
   • Comportamiento al pulsar: Define qué ocurre al tocar la tarjeta (conmutar, mostrar más información, etc.).
5. Guarda los cambios: Una vez estés satisfecho, haz clic en «Guardar». ¡Ya tienes tu primera tarjeta de mosaico funcional!

Personalización Avanzada: Llevando la Tarjeta Mosaico al Siguiente Nivel

La verdadera magia de la tarjeta mosaico reside en sus «características» y en la flexibilidad que ofrece el editor de YAML para configuraciones que van más allá de la interfaz gráfica.

Añadiendo «Características» (Features)

Las características son controles secundarios que puedes añadir a la tarjeta para interactuar con atributos específicos de una entidad. Por ejemplo, en una entidad de climatización (climate), en lugar de solo ver la temperatura, puedes añadir botones para cambiar entre los modos «Frío», «Calor» o «Eco».

Para añadirlas desde la UI, en el editor de la tarjeta, despliega la sección «Características» y haz clic en «+ Añadir Característica». Algunas de las más útiles son:

• Botones: Ideal para activar scripts, escenas o presets de un dispositivo.
• Selector numérico: Perfecto para ajustar el brillo de una luz o la posición de una persiana.
• Seleccionar: Permite elegir una opción de una lista, como la velocidad de un ventilador o la fuente de un reproductor multimedia.

Esta modularidad te permite crear mini-paneles de control dentro de una sola tarjeta, manteniendo tu dashboard ordenado y funcional.

Configuración YAML para un Control Total

Para aquellos que buscan la máxima personalización, la edición en YAML sigue siendo la mejor opción. Te permite anidar características y aplicar modificaciones que no son posibles desde el editor visual.

Para acceder al editor YAML, crea una tarjeta de mosaico y, en la parte inferior del editor visual, haz clic en «Mostrar editor de código».

Aquí tienes uno de los ejemplos de configuración YAML para tarjetas que uso en mi sistema. Controla un termostato, mostrando la temperatura actual y añadiendo botones solo para los presets que me interesan («boost» y «eco»):

type: tile
entity: climate.termostato_salon
features:
  - type: climate-preset-modes
    presets:
      - boost
      - eco
    style: buttons

Este es solo el comienzo. Combinando la tarjeta de mosaico con Card-Mod, puedes cambiar dinámicamente el fondo, añadir animaciones o modificar cualquier aspecto visual usando CSS. Si quieres profundizar en este tema, te recomiendo mi guía completa sobre personalización con Card-Mod.

Comparativa: Tarjeta Mosaico vs. Mushroom Cards y Button-Card en 2026

Una pregunta recurrente es cómo se compara la tarjeta mosaico nativa con las alternativas más populares de HACS, como las Home Assistant Mushroom Cards o la ultra-configurable Button-Card. En 2026, la línea que las separa es más fina que nunca, pero siguen existiendo diferencias clave.

Mi recomendación en 2026 es la siguiente:

• Empieza siempre con la Tarjeta Mosaico. Para el 90% de los casos, es más que suficiente, es rápida y estable.
• Si buscas una estética muy específica y unificada con un solo clic, Mushroom Cards sigue siendo una opción fantástica por su diseño cuidado y coherente.
• Si necesitas una personalización extrema, con plantillas de Javascript, animaciones complejas y un control que ninguna otra tarjeta puede ofrecer, Button-Card sigue siendo la reina indiscutible, aunque con una curva de aprendizaje mayor.

Galería de Inspiración: Ejemplos Lovelace UI con Tarjeta Mosaico

Para que veas el potencial, aquí te describo algunos ejemplos de Lovelace UI que puedes construir usando la tarjeta mosaico como base.

Dashboard de Control Principal Minimalista

Imagina una vista principal con una cuadrícula de tarjetas mosaico. Cada una representa una habitación o un área clave: «Salón», «Cocina», «Dormitorio». El icono de la tarjeta es una luz que cambia de color si alguna luz de esa área está encendida. Al pulsarla, te lleva a otra vista del panel de control con todos los dispositivos de esa habitación. Es un enfoque limpio y organizado.

Panel de Climatización y Ambiente

Una sección dedicada al confort. Una tarjeta mosaico grande para el termostato principal con botones de presets. A su lado, varias tarjetas más pequeñas para la humedad, calidad del aire y estado de las ventanas. El color de fondo de cada tarjeta podría cambiar según el estado: azul si la temperatura es baja, rojo si es alta, verde si la calidad del aire es buena.

Centro Multimedia Interactivo

Una tarjeta mosaico para tu reproductor multimedia (ej. Kodi, Spotify). En la tarjeta principal ves la carátula de lo que se está reproduciendo. Como «características», añades un selector de volumen, botones para play/pausa y un selector para cambiar la lista de reproducción. Todo el control, en un espacio mínimo.

Conclusión: Mi Veredicto sobre la Tarjeta Mosaico en 2026

Después de años de evolución, la tarjeta mosaico de Home Assistant ha pasado de ser una simple novedad a convertirse en una de las mejores tarjetas de Home Assistant para cualquier usuario. Su equilibrio entre simplicidad, potencia y rendimiento nativo la convierte en mi primera opción a la hora de diseñar un nuevo dashboard.

La capacidad de empezar con una configuración sencilla a través de la interfaz y escalarla con YAML y Card-Mod le da una versatilidad increíble. Aunque alternativas como Mushroom y Button-Card siguen teniendo su nicho para diseños hiper-personalizados, la tarjeta mosaico ha cerrado significativamente la brecha, ofreciendo una solución robusta y elegante que satisface las necesidades de la gran mayoría de la comunidad de Home Assistant.