# Componenti Kpi per React, anteprima live e codice, EneUI

Sfoglia 53 componenti Kpi per React e shadcn: anteprima live, sorgente completo e comando di installazione in riga per ognuno. Copia nel progetto o passalo al tuo agente AI.

> Pagina: https://ui.eneawork.it/components/cat/kpi
> Markdown: https://ui.eneawork.it/components/cat/kpi.md

**Componenti:** 53


## In evidenza

- [efferd-dashboard-2](https://ui.eneawork.it/comp/21st-efferd--efferd/efferd-dashboard-2), 21st-efferd--efferd
- [progress-metric-card](https://ui.eneawork.it/comp/21st-makviesainte/progress-metric-card), 21st-makviesainte
- [line-charts-9](https://ui.eneawork.it/comp/21st-sean0205--reui/line-charts-9), 21st-sean0205--reui
- [financial-score-cards](https://ui.eneawork.it/comp/21st-designali-in/financial-score-cards), 21st-designali-in
- [area-chart-1](https://ui.eneawork.it/comp/21st-reaviz--reaviz/area-chart-1), 21st-reaviz--reaviz
- [advanced-stats](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/advanced-stats), 21st-uilayout.contact--ui-layouts
- [animated-dashboard-card](https://ui.eneawork.it/comp/21st-isaiahbjork/animated-dashboard-card), 21st-isaiahbjork
- [stats-section-with-text](https://ui.eneawork.it/comp/21st-tommyjepsen/stats-section-with-text), 21st-tommyjepsen
- [performance-benchmark-card](https://ui.eneawork.it/comp/21st-kavikatiyar/performance-benchmark-card), 21st-kavikatiyar
- [area-charts-1](https://ui.eneawork.it/comp/21st-sean0205--reui/area-charts-1), 21st-sean0205--reui
- [line-charts-6](https://ui.eneawork.it/comp/21st-sean0205--reui/line-charts-6), 21st-sean0205--reui
- [stats-card-1](https://ui.eneawork.it/comp/21st-kavikatiyar/stats-card-1), 21st-kavikatiyar

## FAQ

### Quanti componenti React Kpi ci sono?

53 componenti Kpi nel catalogo: ognuno ha anteprima live, sorgente completa e comando di installazione in riga.

### Come aggiungo un componente Kpi al mio progetto?

Apri il componente, usa Copy code o Install e il sorgente finisce nella tua cartella componenti; oppure esegui npx shadcn add "<url>" con il comando mostrato nella pagina.

### Sono gratuiti?

Sì: la navigazione è sempre gratuita e le copie hanno una quota giornaliera free; Premium la rimuove.

### Funzionano con Next.js e Tailwind?

Sì: sono componenti React stilizzati con Tailwind e shadcn/ui, compatibili con Next.js, Vite e CRA.

## Related

- [Tutte le categorie](/components)
- [Librerie](/libraries)