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

Sfoglia 54 componenti Metric 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/metric
> Markdown: https://ui.eneawork.it/components/cat/metric.md

**Componenti:** 54


## In evidenza

- [stats-bento](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/stats-bento), 21st-uilayout.contact--ui-layouts
- [animated-blur-number](https://ui.eneawork.it/comp/21st-serafimcloud/animated-blur-number), 21st-serafimcloud
- [glowing-card](https://ui.eneawork.it/comp/21st-ravikatiyar162/glowing-card), 21st-ravikatiyar162
- [stats-widget](https://ui.eneawork.it/comp/21st-ravikatiyar162/stats-widget), 21st-ravikatiyar162
- [advanced-stats](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/advanced-stats), 21st-uilayout.contact--ui-layouts
- [case-studies](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/case-studies), 21st-ruixen.ui--ruixen-ui
- [integrations-section](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/integrations-section), 21st-ruixen.ui--ruixen-ui
- [stats-section-with-text](https://ui.eneawork.it/comp/21st-tommyjepsen/stats-section-with-text), 21st-tommyjepsen
- [activity-card](https://ui.eneawork.it/comp/21st-kokonutd--kokonut-ui/activity-card), 21st-kokonutd--kokonut-ui
- [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

## FAQ

### Quanti componenti React Metric ci sono?

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

### Come aggiungo un componente Metric 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)