Stats & Metrics Components
Data visualization components for displaying statistics and key metrics. Built with Tailwind CSS and Framer Motion for engaging presentations. Choose from 6 stats visualization styles.
Simple Stats
Classic 4-column grid with large numbers, descriptive labels, and icons with hover effects. Perfect for dashboards.
Total Revenue
Active Users
Conversion Rate
Growth Rate
Animated Counter Stats
Stats with animated count-up effect from zero, percentage changes, and trend indicators. Great for dynamic presentations.
Monthly Revenue
vs last month
Total Users
vs last month
Orders Today
vs yesterday
Customer Rating
vs last week
Progress Bar Stats
Statistics with horizontal progress bar visualizations for goal tracking with color-coded bars. Ideal for showing progress.
Revenue Goal
75.0K / 100.0K
User Acquisition
8.5K / 10.0K
Customer Satisfaction
92 / 100
Project Milestones
18 / 24
Performance Score
88 / 100
Comparison Stats
Side-by-side comparison showing This Month vs Last Month with percentage change calculations. Perfect for reporting.
Revenue
This Month
Last Month
+$27.0K
New Customers
This Week
Last Week
+53
Total Orders
Today
Yesterday
23
Growth Rate
Q4 2024
Q3 2024
+8%
Icon Stats
Large colorful icon circles with icon, number, and label layout plus decorative badges. Visually engaging design.
Total Revenue
Active Users
Conversion Rate
Growth Rate
Customer Rating
Awards Won
Chart Integrated Stats
Mini chart visualizations per stat with sparkline-style graphs and hover interactions. Professional data presentation.