Migliori stat blocks 2026: 35 sezioni verificate

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.

• Il numero esce formattato all'inglese anche per un utente italiano, perché il blocco usa toFixed invece di Intl.
• La variazione segna −0%: il confronto tra due periodi quasi uguali produce un meno davanti allo zero.
• L'animazione del contatore parte al primo render e non trova il DOM, quindi il server e il client mostrano cifre diverse.
• La cifra lunga sposta il bordo della card, perché il font non è tabellare e la griglia si muove a ogni aggiornamento.

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.

• Tipo di valore: conteggio, valuta, durata o percentuale cambiano formattazione e allineamento.
• Finestra di confronto: senza periodo dichiarato la variazione non significa niente.
• Frequenza: un aggiornamento continuo richiede cifre a larghezza fissa e uno stato di caricamento onesto.

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 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.