---
title: "Dashboard overview"
description: "Loam Studio's admin home: a sidebar that folds to icons, a header with breadcrumb and search, and the shop's numbers, revenue, activity, orders and plan usage in one grid."
plan: Pro
docs: https://ui.edbn.me/docs/templates/dashboard-overview
---

# Dashboard overview

Loam Studio's admin home: a sidebar that folds to icons, a header with breadcrumb and search, and the shop's numbers, revenue, activity, orders and plan usage in one grid.

Loam Studio is an invented ceramics shop that also runs classes. The sidebar holds the shop switcher, the sections with a count of orders to pack, and the signed-in person; it folds to icons, and under 1024px it moves into a sheet behind a menu button. One period switch at the top of the page drives the KPI row and the revenue card, which show skeletons while a period loads. Activity, recent orders with refunds, and plan usage sit beside them in a three, two or one column grid. The page scrolls under a fixed header and sidebar. ⌘B folds the sidebar and ⌘K jumps to search, both bound on the page itself.

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/dashboard-overview
```

## Dependencies
- npm: lucide-react@^1.33.0, recharts@^3.8.0
- edbn: edbn-base, alert-dialog, avatar, badge, breadcrumb, button, card, chart, dropdown-menu, empty, input-group, kbd, meter, scroll-area, separator, sheet, sidebar, skeleton, spinner, table, text-link, timeline, toggle-group, 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 2, with install commands: https://ui.edbn.me/docs/templates/app-screens · 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