# Statistics Card components

> Showcase key metrics with 10 statistics card React components, styled with Tailwind CSS for clear and impactful data display.

145 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/statistics-card.

- [Statistics Card](https://21st.dev/@aghasisahakyan1/components/statistics-card.md) — by Erik X
- [Moving Dot Card](https://21st.dev/@minhxthanh/components/moving-dot-card.md) — by Le Thanh
- [Analytics Bento](https://21st.dev/@jatin-yadav05/components/analytics-bento.md) — by Jatin Yadav
- [Progress Metric Card](https://21st.dev/@makviesainte/components/progress-metric-card.md) — by Mak VieSAinte
- [Animated Dashboard Card](https://21st.dev/@isaiahbjork/components/animated-dashboard-card.md) — by Isaiah
- [Performance Benchmark Card](https://21st.dev/@kavikatiyar/components/performance-benchmark-card.md) — by Kavi Katiyar
- [ScreenTimeCard](https://21st.dev/@itsankitverma/components/screen-time-card.md) — by Ankit Verma
- [Stats Widget](https://21st.dev/@ravikatiyar162/components/stats-widget.md) — by Ravi Katiyar
- [Statistics Card 5](https://21st.dev/@sean0205/components/statistics-card-5.md) — by Sean Hello
- [Stats Card](https://21st.dev/@ravikatiyar162/components/stats-card.md) — by Ravi Katiyar
- [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
- [Statistics Card 1](https://21st.dev/@sean0205/components/statistics-card-1.md) — by Sean Hello
- [Stat Card](https://21st.dev/@beratberkayg/components/stat-card.md) — by beratberkay
- [Sleep Tracker Card](https://21st.dev/@ravikatiyar162/components/sleep-tracker-card.md) — by Ravi Katiyar
- [Stats Card](https://21st.dev/@ravikatiyar162/components/stats-card-2.md) — by Ravi Katiyar
- [Statistics Card 13](https://21st.dev/@sean0205/components/statistics-card-13.md) — by Sean Hello
- [Statistics Card 10](https://21st.dev/@sean0205/components/statistics-card-10.md) — by Sean Hello
- [Stats](https://21st.dev/@ephraimduncan/components/stats-4.md) — by Ephraim Duncan
- [Statistics Card 7](https://21st.dev/@sean0205/components/statistics-card-7.md) — by Sean Hello
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-card-with-area-chart.md) — by Ephraim Duncan
- [Battery Card](https://21st.dev/@ravikatiyar162/components/battery-card.md) — by Ravi Katiyar
- [Trend Card](https://21st.dev/@ravikatiyar162/components/trend-card.md) — by Ravi Katiyar
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-cards-with-circular-progress.md) — by Ephraim Duncan
- [Statistics Card 2](https://21st.dev/@sean0205/components/statistics-card-2.md) — by Sean Hello
- [Stats Card](https://21st.dev/@kavikatiyar/components/stats-card.md) — by Kavi Katiyar
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links.md) — by Ephraim Duncan
- [Card](https://21st.dev/@lavikatiyar/components/card-6.md) — by Lavi Katiyar
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-with-trending.md) — by Ephraim Duncan
- [Tracker Card](https://21st.dev/@kavikatiyar/components/tracker-card.md) — by Kavi Katiyar
- [Health Stat Card](https://21st.dev/@ruixen.ui/components/health-stat-card.md) — by Ruixen UI
- [Stats cards with links](https://21st.dev/@ephraimduncan/components/stats-cards-with-links/stats-card-with-progress.md) — by Ephraim Duncan
- [Stats](https://21st.dev/@ephraimduncan/components/stats-2.md) — by Ephraim Duncan
- [Stats Card](https://21st.dev/@ravikatiyar162/components/stats-card-1.md) — by Ravi Katiyar
- [Card](https://21st.dev/@lavikatiyar/components/card-4.md) — by Lavi Katiyar
- [Card](https://21st.dev/@lavikatiyar/components/card-8.md) — by Lavi Katiyar
- [Statistics Card 8](https://21st.dev/@sean0205/components/statistics-card-8.md) — by Sean Hello
- [Card](https://21st.dev/@ravikatiyar162/components/card-20.md) — by Ravi Katiyar
- [Subscription Card](https://21st.dev/@beratberkayg/components/subscription-card.md) — by beratberkay
- [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
- [Statistics Card 12](https://21st.dev/@sean0205/components/statistics-card-12.md) — by Sean Hello
- [Shine Border Stats Card](https://21st.dev/@shadcnspace/components/shine-border-04.md) — by ShadcnSpace
- [Glassmorphism Trust Hero](https://21st.dev/@easemize/components/glassmorphism-trust-hero.md) — by Hossain Jahed
- [Animated Gradient With SVG](https://21st.dev/@danielpetho/components/animated-gradient-with-svg.md) — by Daniel Petho
- [About Us section](https://21st.dev/@uniquesonu/components/about-us-section.md) — by Sonu
- [Dashboard with Collapsible Sidebar](https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar.md) — by Sonu
- [Animated Card Chart](https://21st.dev/@badtzx0/components/animated-card-chart.md) — by badtz
- [Hero Landing Page](https://21st.dev/@minhxthanh/components/hero-landing-page.md) — by Le Thanh
- [Activity Chart Card](https://21st.dev/@ravikatiyar162/components/activity-chart-card.md) — by Ravi Katiyar
- [Hero Section 3](https://21st.dev/@meschacirung/components/hero-section-3.md) — by Méschac Irung
- [Features 9](https://21st.dev/@meschacirung/components/features-9.md) — by Méschac Irung
- [CaseStudies](https://21st.dev/@ruixen.ui/components/case-studies.md) — by Ruixen UI
- [Financial Score Cards](https://21st.dev/@designali-in/components/financial-score-cards.md) — by Ali Imam
- [About Section](https://21st.dev/@uilayout.contact/components/about-section.md) — by UI Layouts
- [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
- [Animated Chart Card](https://21st.dev/@aghasisahakyan1/components/animated-chart-card.md) — by Erik X
- [Ruixen Feature Section](https://21st.dev/@ruixen.ui/components/ruixen-feature-section.md) — by Ruixen UI
- [Globe Analytics](https://21st.dev/@shuding/components/cobe-globe-analytics.md) — by shuding

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