Il sistema modulare di blocchi.
Ogni card è costruita da blocchi. Trascinali dalla palette, annidali nei layout, collegali alle entità Home Assistant e stilizza ogni dettaglio. Da un semplice testo a un controller clima completamente interattivo — tutto inizia con un blocco.
- 4
- Categorie di blocchi
- 13
- Tipi di blocco
- 10+
- Domini HA supportati
- ∞
- Profondità di annidamento
Un blocco per ogni esigenza
I blocchi sono organizzati in quattro categorie focalizzate, ciascuna con uno scopo preciso — così puoi trovare esattamente quello che ti serve senza cercare in una lunga lista.
Blocco di contenuto statico — etichette testo, icone e immagini. I mattoni di qualsiasi design visuale.
Container strutturali che organizzano altri blocchi in layout flex, colonne uguali o griglie CSS completamente personalizzate.
Mostra dati live dalle tue entità Home Assistant — stati, nomi, icone, attributi e immagini entità.
Blocchi interattivi che ti permettono di controllare le tue entità direttamente dalla dashboard.
Contenuto statico, stilizzato perfettamente
I blocchi base visualizzano testo, icone e immagini. Semplici nello scopo, potenti nello stile — ogni pixel è sotto il tuo controllo.
Testo
Visualizza una stringa di testo statica — oppure collegala dinamicamente allo stato di un'entità. La base di ogni etichetta, valore o intestazione della card.
Supporta binding · Contenuto statico o dinamico
Icona
Renderizza qualsiasi icona MDI o Home Assistant. Scegli da un elenco o usa un template Jinja2. Aggiungi testo opzionale pre/post con target di stile indipendenti.
Sorgente icona: Elenco o Template · Template Pre/Post · 3 target di stile
Immagine
Visualizza un'immagine da un URL o dal Media Manager integrato. Controlla come riempie il suo container: contain, cover, stretch, scale-down o dimensione originale.
Integrazione Media Manager · 6 modalità fit · Posizione personalizzata
Struttura le tue card a modo tuo
I blocchi layout sono gli unici blocchi che accettano figli. Usali per costruire qualsiasi composizione — da una semplice riga flex a una CSS Grid completamente denominata.
Container
Un container flex generico. Raggruppa blocchi al suo interno, poi configura direzione flex, gap, giustificazione e allineamento nel pannello Stili.
L'entità impostata su un container viene ereditata da tutti i suoi figli.
Colonne
Suddivide il layout in 2–12 colonne uguali con un gap configurabile. Trascina i separatori per ridimensionare le larghezze delle singole colonne.
Ogni colonna è una zona di drop indipendente.
Griglia
Un container CSS Grid completo con un editor visuale dedicato. Definisci righe, colonne, dimensioni (px, %, fr, auto, minmax), aree denominate e gap.
Lo strumento di layout più potente — le celle della griglia e le aree denominate sono zone di drop indipendenti.
Nota: Tutti i blocchi entità richiedono un'entità per funzionare. L'entità può provenire da binding diretto, entity slot o ereditarietà dal container.
Le tue entità, visualizzate splendidamente
I blocchi entità estraggono dati live da Home Assistant e li visualizzano esattamente come vuoi — formattati, etichettati e stilizzati.
Entity Stato
Il valore dello stato corrente di un'entità. Formattalo come testo, numero, intero, data/ora, booleano o un template Jinja2 completamente personalizzato. Mostra o nascondi l'unità di misura.
Entity Nome
Il nome descrittivo di un'entità con trasformazione del testo (Maiuscolo, Minuscolo, Title, Kebab, Camel), lunghezza massima e troncatura con ellissi.
Entity Icona
L'icona dell'entità con dimensione configurabile e tre modalità colore: Fisso, Basato sullo stato (il colore cambia con lo stato dell'entità) o Basato sulla disponibilità.
Entity Attributo
Un singolo attributo dell'entità con etichetta opzionale, formato, prefisso e suffisso. La posizione dell'etichetta può essere In alto, A sinistra o Inline — ciascuna con target di stile indipendenti.
Entity Immagine
Renderizza l'immagine dell'entità (attributo entity_picture) con un'icona di fallback configurabile quando non è disponibile alcuna immagine.
Interagisci con la tua casa, visualmente
I blocchi controlli trasformano le tue card in dashboard funzionali. Si auto-configurano per il dominio della tua entità — nella maggior parte dei casi nessuna configurazione necessaria.
Slider
Uno slider completo per qualsiasi entità con un valore numerico — luci, ventilatori, tapparelle, clima, lettori multimediali, numeri di input e altro. Rileva automaticamente l'intervallo, l'unità e il servizio corretti.
- Orientamento orizzontale o verticale
- Modalità pollice singolo o intervallo (min/max)
- Modalità commit configurabile (rilascio, throttle, debounce)
- Visualizzazione valore: inline, interno o tooltip
- 10 domini HA supportati
Toggle Pulsante
Un gruppo di pulsanti segmentati per passare tra le modalità dell'entità — modalità HVAC clima, preset ventilatore, effetti luce, sorgenti multimediali e altro. Rileva automaticamente le opzioni disponibili.
- Layout orizzontale o verticale
- Icona + etichetta con ordine configurabile
- Stato attivo con target di stile indipendenti
- 15 domini HA supportati
- Rileva automaticamente le funzionalità dell'entità
Menu Select
Un dropdown compatto che funziona esattamente come il Toggle Pulsante ma si apre come popover — ideale quando ci sono molte opzioni o lo spazio è limitato.
- Dropdown sopra o sotto
- Visibilità icona/etichetta configurabile
- Target di stile indipendenti per container e dropdown
- Stessi 15 domini HA supportati come Toggle Pulsante
Pronto a costruire?
Installa CardBuilder sulla tua istanza Home Assistant e inizia a comporre card con la libreria completa di blocchi — gratis.