---
title: "Analytics page"
description: "Loam Studio's analytics for any date range: four headline figures, the revenue report, top products and traffic sources, with a Compare switch."
plan: Pro
docs: https://ui.edbn.me/docs/templates/analytics-page
---

# Analytics page

Loam Studio's analytics for any date range: four headline figures, the revenue report, top products and traffic sources, with a Compare switch.

The same admin frame as the overview, with Analytics active. A date-range Popover (Last 7, 30 or 90 days, or any range picked on a Monday-first Calendar and applied) and a Compare switch at the top drive everything under them, with skeletons while a range loads. A strip of four figures shows revenue, orders, conversion and average order, each with its change on the same span before when comparing (a rate moves in points). The revenue-report block, adapted, takes the range's days (or weeks past six) and channels, and draws the period before dashed. Top products rank five pieces with photos, units and revenue, and traffic sources show each source's visits and share as a Meter. The sample is worked out day by day from the date itself (a weekly shape that shifts week to week, a slow drift, the makers' market on the first Saturday of each month and the odd seconds sale), so any range gives the same numbers every time and the figures, chart and channels add up.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/analytics-page
```

## Dependencies
- npm: lucide-react@^1.33.0, recharts@^3.8.0
- edbn: edbn-base, aspect-ratio, avatar, badge, breadcrumb, button, calendar, card, chart, dropdown-menu, input-group, kbd, label, meter, popover, separator, sheet, sidebar, skeleton, switch, table, tooltip

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More app screens templates

All 5, with install commands: https://ui.edbn.me/docs/templates/app-screens (Markdown: https://ui.edbn.me/docs/templates/app-screens.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt