Analytics Page Header

block

Analytics header with a 7, 30 or 90 day range and CSV export, above a strip of four metrics with animated values, sparklines and change chips colored by whether the change is good or bad. Ships composable parts.

pnpm dlx shadcn@latest add "https://hirael.com/r/page-header-04.json"

Sign In

Analytics Page Header

block

Analytics header with a 7, 30 or 90 day range and CSV export, above a strip of four metrics with animated values, sparklines and change chips colored by whether the change is good or bad. Ships composable parts.

pnpm dlx shadcn@latest add "https://hirael.com/r/page-header-04.json"

lucide-react

components/blocks/page-header-04.tsx

lucide-react

components/blocks/page-header-04.tsx