# Migliori stat blocks 2026: 35 sezioni verificate

35 blocchi stat indicizzati da 5 registry, con anteprima gratuita e codice sorgente. La tabella ordina per file reali e mostra la fonte di ogni sezione.

> Pagina: https://ui.eneawork.it/blog/migliori-stat-blocks-2026
> Markdown: https://ui.eneawork.it/blog/migliori-stat-blocks-2026.md

*2026-11-01*

I migliori stat block del 2026 sono i 35 che il catalogo elenca in questa categoria, provenienti da 5 registry e contati il 1 novembre 2026.

## Il numero che mente in produzione

Una card con un numero grande è il blocco più facile da copiare e il più facile da sbagliare. Il valore è quasi sempre scritto nell'esempio, e il primo dato reale arriva da un'API che restituisce millesimi, valute e periodi diversi da quelli che l'anteprima mostrava.

C'è un guasto più silenzioso: la freccia verde su un dato che migliora quando scende. Su un tasso di abbandono o su un tempo di risposta la direzione buona è il basso, e un blocco che colora di verde ogni aumento comunica il contrario di ciò che è successo.

## La tabella misurata

Tutte le righe stanno a un file, comprese le due varianti di ephraimduncan che aggiungono una tendenza o dei bordi. Stat è la card singola, Stat rows è la versione a elenco, Stats with Trending aggiunge la variazione. Nessuna riga contiene una sorgente dati: il conteggio a un file lo dice già.

## Quali dati leggere prima di scegliere

Chiediti cosa rappresenta il numero: un conteggio, una somma di denaro, una durata o un rapporto. Ognuno vuole un formato diverso e solo il primo si accontenta di un separatore delle migliaia. Poi stabilisci la finestra del confronto: sette giorni contro i sette precedenti è una frase, sette giorni contro il mese scorso è un'altra, e il blocco non la contiene. Infine decidi la frequenza di aggiornamento, perché un valore che cambia ogni cinque secondi ha bisogno di un modo per non far saltare il layout.

## Il limite che dichiaro

Nessuno di questi blocchi calcola la variazione. Anche Stats with Trending riceve il dato già pronto e si limita a mostrarlo: la sottrazione tra periodi, la scelta della finestra e la gestione dei valori mancanti restano nel tuo codice. Un blocco a un file è un contenitore tipografico, e trattarlo come una metrica è l'errore che genera i numeri sbagliati in dashboard.

## La regola di decisione

Tre o quattro indicatori in cima a una tabella aiutano a orientarsi; dieci diventano un muro che nessuno legge. Se il numero deve dirti come sta andando il prodotto, la card non basta e serve una serie storica. La soglia è la domanda che l'utente si pone: se chiede perché il valore è cambiato, la risposta è un grafico, non una freccia.

## Card o grafico

L'alternativa è sostituire la tendenza con una sparkline, una linea minima larga quanto la card. Comunica la stessa variazione e aggiunge la forma del periodo, che spesso è l'informazione utile: un calo costante e un calo recuperato finiscono con lo stesso numero ma non con la stessa storia. Stat cards mostra perché lo stato di caricamento conta quanto il dato: se lo scheletro ha un'altezza diversa dalla card, la pagina salta appena arrivano i numeri.

Per collegare i valori a una sorgente reale leggi come implementare RUM e la guida a PerformanceObserver. Il confronto tra Lighthouse e CrUX spiega perché due strumenti danno numeri diversi sullo stesso dato, che è esattamente il problema di fiducia di una dashboard.

curl "https://ui.eneawork.it/api/blocks/category/stat?limit=10"

Il 1 novembre 2026 ho interrogato l'API per la categoria stat e contato le risposte, leggendo registry e file dichiarati di ogni blocco. Trentacinque sezioni, cinque publisher: in tabella ci sono le prime otto, tutte a un file.

La licenza è dichiarata dal publisher e il catalogo la riporta così com'è. Una card metrica su una dashboard pubblica espone dati che una dashboard interna non espone, quindi leggi i termini prima di adottarla.

Il resto della categoria è in /blocks, con filtro per fonte. Per il grafico che accompagna queste card c'è la categoria chart: una sparkline ben fatta vale più di tre frecce.

## FAQ

### Quanti stat block ci sono?

Trentacinque, da cinque registry, contati il 1 novembre 2026. Tutti quelli in tabella dichiarano un file.

### Il blocco calcola la variazione percentuale?

No. Riceve il valore e lo mostra; il confronto tra periodi e la scelta della finestra restano nel tuo codice.

### Come formatto i numeri per l'italiano?

Con Intl.NumberFormat impostato su it-IT e sullo stile corretto, valuta o percentuale. Sostituisci la funzione del blocco, non il testo.

### Perché il contatore animato causa un errore di idratazione?

Perché il valore iniziale viene calcolato in modo diverso sul server e nel browser. Fissa il valore iniziale e avvia l'animazione dopo il mount.

### Quanti indicatori metto in cima alla dashboard?

Da tre a quattro. Oltre, l'utente smette di leggerli e conviene un grafico o una vista dedicata.
