Components
Stats
The Stats component displays a set of key statistics in a visually appealing grid layout. It includes animated entrances for each statistic and supports both light and dark modes.
page.tsx
Usage
example.tsx
Remember to choose statistics that align with your platform’s strengths and value proposition. The title and description can be customized to provide context for the statistics presented.
Tips
When customizing the Stats component:
- Choose impactful metrics that demonstrate your platform’s success or scale
- Use concise labels for each statistic
- Format numbers for easy readability (e.g., “8,000+” instead of “8000”)
- Consider using percentages or currency values where appropriate
If you need basic components like buttons, inputs, and more, they are available with Shadcn UI.
Was this page helpful?