Analytics Page Header

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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Analytics Page Header to your project and fits it to your theme.

import PageHeader04 from "@/components/ui/page-header-04";

export default function Preview() {
  return <PageHeader04 />;
}