Stats 01Pro
A metrics row: a heading with a sourcing note, then four large figures that count up on view, each with a muted unit, a label and one line of context, divided by hairlines. Four columns on desktop, two on tablet, stacked on mobile.
Stats 02
ProFour raised metric cards with delta badges and Blank Chart sparklines with tooltips. A segmented range control swaps every value, delta and series between 30 days, 90 days and 12 months; deltas are colored by whether the change is good news.
Loading preview
This block's source is part of Blank Pro
The preview is the real thing. One licence unlocks the code for every Pro component and block, installed with the same shadcn CLI.
Installation
Writes components/blocks/stats-02.tsx and installs every component it uses.
npx shadcn@latest add @blank-pro/stats-02Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access
Built with
Packages
- lucide-react
- recharts