← Home · Custom Integration per Home Assistant

Cos'è CardBuilder?

CardBuilder è una custom integration per Home Assistant che ti fornisce un builder completo per il design di card direttamente nella tua istanza. Progetta card personalizzate per dashboard senza scrivere una singola riga di YAML o codice — poi condividile con una community in crescita.

In breve

Uno studio per dashboard integrato in Home Assistant

CardBuilder estende Home Assistant con un editor visuale dedicato, un renderer di card personalizzato e l'accesso a un marketplace comunitario — tutto in un'unica integrazione.

Pannello dedicato nella barra laterale di HA

Una volta installato, CardBuilder aggiunge il proprio pannello alla barra laterale di Home Assistant. Da qui gestisci l'intera libreria di card — crea, modifica, duplica e organizza tutte le tue card da un unico posto.

Builder visuale drag-and-drop

Apri qualsiasi card per accedere a un editor visuale a schermo intero. Trascina e rilascia blocchi sul canvas, configura le proprietà, applica stili, collega entità e vedi il risultato in tempo reale — niente YAML, niente codice.

Renderer Lovelace card personalizzato

Ogni card che progetti viene renderizzata in qualsiasi dashboard Home Assistant tramite la Lovelace card personalizzata `card-builder-renderer-card`. Piena interattività, dati entità in tempo reale, esattamente come progettato.

Template di card riutilizzabili

Le card con Entity Slot diventano template riutilizzabili. Posiziona la stessa card più volte con entità diverse. Modifica il design una volta — ogni istanza si aggiorna automaticamente.

Per iniziare

Dall'installazione a splendidi dashboard

CardBuilder si installa come standard custom integration per Home Assistant. HACS è il metodo consigliato — bastano pochi minuti.

01

Installa tramite HACS

Apri HACS nella tua istanza Home Assistant, vai su Integrazioni e aggiungi il repository CardBuilder come repository custom. Installalo con un clic e riavvia Home Assistant.

Preferisci l'installazione manuale? Scarica l'ultima versione da GitHub, estraila nella tua directory custom_components e riavvia Home Assistant.

02

Aggiungi l'integrazione

Dopo il riavvio, vai su Impostazioni → Dispositivi e servizi → Aggiungi integrazione e cerca "Card Builder". Completa la breve configurazione in pochi secondi.

Il pannello Card Builder apparirà immediatamente nella barra laterale di Home Assistant una volta configurata l'integrazione.

03

Progetta le tue card

Apri il pannello Card Builder e inizia a creare card. Usa il builder visuale drag-and-drop: posiziona blocchi sul canvas, collega entità, configura stili e imposta le interazioni — tutto tramite l'interfaccia visuale.

Il builder include un canvas live con dati reali delle entità, una palette di blocchi, albero layer e pannelli dedicati per proprietà, stili e azioni.

04

Usale nelle tue dashboard

Aggiungi la Lovelace card personalizzata `card-builder-renderer-card` a qualsiasi vista della dashboard di Home Assistant. Seleziona la tua card, configura gli entity slot se applicabile, e hai finito. Le modifiche nel builder si applicano ovunque istantaneamente.

Le card con Entity Slot possono essere posizionate più volte — ogni volta con un set diverso di entità, trasformando un design in molti.

Marketplace

Condividi le tue card. Scopri quelle degli altri.

Oltre a costruire le tue card, CardBuilder ti connette a un marketplace comunitario dove puoi condividere le tue creazioni e scaricare card create da altri utenti.

È necessario un account gratuito per accedere al Marketplace

Per interagire con il marketplace — sia condividendo le tue card sia scaricando creazioni della community — hai bisogno di un account CardBuilder gratuito. È separato dalla tua istanza Home Assistant e richiede pochi secondi per essere creato.

Crea account gratuito

Condividi le tue creazioni

Pubblica qualsiasi card che hai costruito nel marketplace direttamente dalla console CardBuilder. Aiuta gli altri e guadagna crediti di download in cambio.

Scopri e scarica

Trova card pronte all'uso create dalla community. Scaricale e importale direttamente nella tua istanza CardBuilder.

Guadagna crediti di download

Ogni volta che qualcuno scarica la tua card, guadagni crediti da spendere per scaricare altre card. Più condividi, più sblocchi.

Funzionalità

Tutto quello che puoi costruire con esso

CardBuilder è ricco di strumenti per progettare, stilizzare, animare e condividere le tue card. Esplora il set completo di funzionalità per scoprire tutto quello che può fare.

Builder visuale drag-and-drop

Editor a schermo intero con canvas, palette di blocchi, albero layer e anteprima entità in tempo reale.

Sistema modulare a blocchi

Componi card con blocchi: Base, Layout, Entità e Controlli — tutti annidabili e configurabili.

Smart Entity Binding

Collega blocchi alle entità HA con ereditarietà — imposta un'entità una volta e propagala a tutti i figli.

Binding di stile dinamici

Collega qualsiasi proprietà di stile allo stato dell'entità con cinque modalità: Diretto, Mappa, Soglia, Condizione e Template.

Azioni configurabili

Assegna interazioni di tap, doppio tap e pressione prolungata a qualsiasi blocco tramite action slot riutilizzabili.

Link entità visivi

Disegna linee di connessione SVG tra blocchi con flusso animato di particelle guidato dallo stato dell'entità.

Pronto per iniziare?

Installa CardBuilder sulla tua istanza Home Assistant e inizia a progettare splendide card personalizzate per dashboard oggi.