Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Stats Block Goals
Stats cards with goal progress indicators, status badges, and clickable regions for React dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Track goals in your Next.js app with this stats component. Features stat cards with goal progress count, status indicators (within/observe/critical), and full-card click areas. Built with shadcn/ui Card component using Tailwind CSS. The goal-focused design shows progress at a glance—perfect for sales dashboards, OKR tracking, or any React app with target monitoring. Actionable and status-driven.
Installation
Related blocks you will also like
Stats Bar
Horizontal connected layout
Stats Comparison
With previous values
Stats Grid
Separate card layout
Stats Badges
With trend badges
Stats Links
With view more links