# Metric components

> Browse 12 Metric components for React, styled with Tailwind CSS and ready for your Next.js project.

73 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/metric.

- [Glassmorphism Minimal Metrics](https://21st.dev/@moumensoliman/components/glassmorphism-minimal-metrics-block-shadcnui.md) — by Moumen Soliman
- [Animated Blur Number](https://21st.dev/@serafimcloud/components/animated-blur-number.md) — by Serafim
- [CaseStudies](https://21st.dev/@ruixen.ui/components/case-studies.md) — by Ruixen UI
- [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta.md) — by Serafim
- [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta/solid.md) — by Serafim
- [Featured Section Stats](https://21st.dev/@ruixen.ui/components/featured-section-stats.md) — by Ruixen UI
- [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta/complex.md) — by Serafim
- [Activity Card](https://21st.dev/@kokonutd/components/activity-card.md) — by Kokonut Baffier
- [System Monitor](https://21st.dev/@isaiahbjork/components/system-monitor.md) — by Isaiah
- [Glowing Card](https://21st.dev/@ravikatiyar162/components/glowing-card.md) — by Ravi Katiyar
- [Performance Benchmark Card](https://21st.dev/@kavikatiyar/components/performance-benchmark-card.md) — by Kavi Katiyar
- [Stats Widget](https://21st.dev/@ravikatiyar162/components/stats-widget.md) — by Ravi Katiyar
- [Area Charts 1](https://21st.dev/@sean0205/components/area-charts-1.md) — by Sean Hello
- [Line Charts 6](https://21st.dev/@sean0205/components/line-charts-6.md) — by Sean Hello
- [Real time Analytics](https://21st.dev/@koustubhayadiyala36/components/real-time-analytics.md) — by Kousthubha Yadiyala
- [Analytics Dashboard](https://21st.dev/@itsankitverma/components/analytics-dashboard.md) — by Ankit Verma
- [Dashboard Overview](https://21st.dev/@uniquesonu/components/dashboard-overview.md) — by Sonu
- [Bar Chart](https://21st.dev/@LegionWebDev/components/bar-chart/value-line-bar-chart.md) — by Legion Dev
- [Stats Cards](https://21st.dev/@beratberkayg/components/stats-cards.md) — by beratberkay
- [Stats Card](https://21st.dev/@kavikatiyar/components/stats-card-1.md) — by Kavi Katiyar
- [Stat Card](https://21st.dev/@beratberkayg/components/stat-card.md) — by beratberkay
- [Line Charts 8](https://21st.dev/@sean0205/components/line-charts-8.md) — by Sean Hello
- [Impact-section](https://21st.dev/@anish-1144/components/impact-section.md) — by Anish Mourya
- [Card](https://21st.dev/@lavikatiyar/components/card-5.md) — by Lavi Katiyar
- [Stats Section with Text](https://21st.dev/@tommyjepsen/components/stats-section-with-text.md) — by Tommy Jepsen
- [Statistics Card 10](https://21st.dev/@sean0205/components/statistics-card-10.md) — by Sean Hello
- [Statistics Card 7](https://21st.dev/@sean0205/components/statistics-card-7.md) — by Sean Hello
- [Core Value Stats](https://21st.dev/@ruixen.ui/components/core-value-stats.md) — by Ruixen UI
- [Progress](https://21st.dev/@kavikatiyar/components/progress.md) — by Kavi Katiyar
- [Statistics Card 2](https://21st.dev/@sean0205/components/statistics-card-2.md) — by Sean Hello
- [Horizontal Bar Chart](https://21st.dev/@reaviz/components/horizontal-bar-chart.md) — by REAVIZ
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links.md) — by Ephraim Duncan
- [Advanced Stats](https://21st.dev/@uilayout.contact/components/advanced-stats.md) — by UI Layouts
- [Stats Defautlt](https://21st.dev/@meschacirung/components/stats-defautlt.md) — by Méschac Irung
- [Progress](https://21st.dev/@sean0205/components/progress-1/circle.md) — by Sean Hello
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-card-with-progress.md) — by Ephraim Duncan
- [Data Card Display](https://21st.dev/@uniquesonu/components/data-card-display.md) — by Sonu
- [Stats Defautlt](https://21st.dev/@meschacirung/components/stats-defautlt/stats-three.md) — by Méschac Irung
- [Stats Defautlt](https://21st.dev/@meschacirung/components/stats-defautlt/stats-two.md) — by Méschac Irung
- [Stats Card](https://21st.dev/@ravikatiyar162/components/stats-card-1.md) — by Ravi Katiyar
- [Stats](https://21st.dev/@meschacirung/components/stats/stats-info.md) — by Méschac Irung
- [Stats](https://21st.dev/@meschacirung/components/stats.md) — by Méschac Irung
- [Card](https://21st.dev/@ravikatiyar162/components/card-10.md) — by Ravi Katiyar
- [Stats](https://21st.dev/@meschacirung/components/stats/stats-metric.md) — by Méschac Irung
- [Card](https://21st.dev/@lavikatiyar/components/card-4.md) — by Lavi Katiyar
- [Statistics Card 8](https://21st.dev/@sean0205/components/statistics-card-8.md) — by Sean Hello
- [Stats](https://21st.dev/@meschacirung/components/stats/stats-info-and-numbers.md) — by Méschac Irung
- [Model Selector Prompt](https://21st.dev/@dqnamo/components/model-selector.md) — by dqnamo
- [KPI Card](https://21st.dev/@nayan_radadiya6/components/kpi-card/basic-kpi-card.md) — by nayan_radadiya6
- [Card](https://21st.dev/@kavikatiyar/components/card-3.md) — by Kavi Katiyar
- [KPI Card](https://21st.dev/@nayan_radadiya6/components/kpi-card.md) — by nayan_radadiya6
- [Subscription Card](https://21st.dev/@beratberkayg/components/subscription-card.md) — by beratberkay
- [Activity Stats Card](https://21st.dev/@lavikatiyar/components/activity-stats-card.md) — by Lavi Katiyar
- [KPI Card](https://21st.dev/@nayan_radadiya6/components/kpi-card/negative-trend-kpi.md) — by nayan_radadiya6
- [Detailed Normalized Incident Report](https://21st.dev/@reaviz/components/detailed-normalized-incident-report.md) — by REAVIZ
- [Conversion Stats Card](https://21st.dev/@lavikatiyar/components/conversion-stats-card.md) — by Lavi Katiyar
- [Statistics Card 15](https://21st.dev/@sean0205/components/statistics-card-15.md) — by Sean Hello
- [Incident Report Middle](https://21st.dev/@reaviz/components/incident-report-middle.md) — by REAVIZ
- [Area Chart](https://21st.dev/@reaviz/components/area-chart.md) — by REAVIZ
- [Statistics Card 12](https://21st.dev/@sean0205/components/statistics-card-12.md) — by Sean Hello

Full component directory: https://21st.dev/llms.txt
