Shadcn.io is not affiliated with official shadcn/ui
Simple Stats
A React hover card showing metric with icon and detailed breakdown by time period on hover over stat card trigger built with shadcn/ui
Dashboard stats without context leave users guessing. This React hover card shows total views with TrendingUp icon expanding to daily, weekly, and monthly breakdowns on hover—trend context without cluttering the dashboard. Built with shadcn/ui HoverCard with card-styled button trigger and justify-between stat rows, it's perfect for analytics dashboards, admin panels, or metrics displays where space is limited but users need temporal breakdowns on demand.
Simple Stats preview
Installation
Related Components
Stats with Trend
Metrics with percentage change
Stats with Chart
Visual data representation
Profile with Stats
User stats in profile card
Stats Card
Simple metric display card
Button with Icon
Icon and text button layout
Tooltip
Simple hover information
FAQ
Was this page helpful?
Sign in to leave feedback.
Profile with Stats
A React hover card showing user profile with avatar bio and grid of stats separated by divider built with shadcn/ui HoverCard and Separator components
Growth Stats
A React hover card showing metric with percentage growth indicator expanding to current previous and change comparison built with shadcn/ui