Statisticheblocchi
Componenti per mostrare statistiche e metriche. Blocchi UI React pronti all'uso con look neobrutalista — hero, pricing, autenticazione, dashboard e altro. Anteprima su ogni dimensione di schermo, copia il codice o installa con il tuo agente AI tramite il nostro server MCP. Funzionano con Radix UI, Base UI e React Aria.
- Hero, prezzi e auth
- Visualizza in anteprima ogni punto di interruzione
- Copia il codice sorgente
- MCP pronto per l'installazione
- Radix · Base UI · React Aria
- 158 blocchi prefabbricati
- Sezioni della pagina incluse nella spedizione
- Dashboard e marketing
- Pro sblocca il codice
- Layout a inserimento
Esplora ogni layout
Statistiche
9 blocchi — apri una qualsiasi card per un’anteprima a schermo intero, il codice e i passaggi di installazione.
- 01Pro
Statistiche a grafico ad area
Grafico ad area su sette giorni per vendite e costi, con totale e badge variazione sopra quattro cifre. React e Tailwind: sostituisci l'array trend.
- 02Pro
Bacheca statistiche bento
Due card di crescita con link di approfondimento accanto a una card brand più larga con la cifra principale. React e Tailwind: punta i link ai report.
- 03Pro
Riga statistiche compatta
La striscia statistiche più corta del set: quattro card con icona, cifra ed etichetta. React e Tailwind: mettila sotto il tuo hero.
- 04Pro
Fascia statistiche divisa
Fascia colorata a piena larghezza con tre cifre in un pannello diviso da righe da due pixel. React e Tailwind: cambia testo e posizione.
- 05Pro
Statistiche a ciambella
Ciambella di soddisfazione col punteggio nel foro, affiancata da quattro card nero/bianco alternate. React e Tailwind: cambia il rapporto nell'array.
- 06Pro
Mosaico statistiche con CTA
Messaggio da un lato, prova dall'altro: titolo e due pulsanti accanto a un mosaico di riquadri alti e bassi. React e Tailwind: ribilancia i riquadri.
- 07Pro
Statistiche con frecce
Ogni card fissa un disco freccia di tendenza e una variazione dall'anno scorso a una base comune. React e Tailwind: imposta ogni tendenza su o giù.
- 08Pro
Dashboard metriche negozio
Un selettore giorno, settimana, mese e anno cambia quattro card KPI, sopra ricavi e prodotti più venduti. React e Tailwind: leggi l'oggetto figures.
- 09Pro
Card statistiche con evidenza
Tre card metriche su una texture sfocata con un solo riquadro a colore brand, così l'occhio nota subito un vincitore. React e Tailwind: sposta highlight.