Tawny
Designs

Admin

The Jane Mug sales dashboard — revenue, restock, coupons, and customers. Open the live showcase. Navigate inside the frame — you are still on Tawny.

Open in new tab
designs/admin
Jane Mug

jane@example.com

Sales

Overview

by revenue

  • Tide Mug$864 · 18
  • Oat Cylinder Mug$588 · 14
  • Facet Tumbler$418 · 11
  • Orbit Bud Vase$336 · 6
  • Celadon Serving Bowl$288 · 3

Catalog

Add a piece

New piece

Revenue by day

Last 30 days · net of discounts

Pieces6Awaiting4Low stock3

Revenue

$3,478

57 orders · avg $61.02

Awaiting payment

Awaiting

4

2 cancelled

Orders

  • Fulfilled

    53

  • Awaiting

    4

  • Cancelled

    2

Restock queue

3 or fewer left

  • Pair Espresso SetStoneware
    Throw next batch
  • Celadon Serving BowlSpeckled stoneware
    2 left
  • Orbit Bud VasePorcelain
    3 left

Coupon performance

$160 given

  • KILN12 uses · −$96
  • FIRSTFIRE4 uses · −$64

Customers

4 accounts

4 accounts3 customers3 confirmed
AccountRoleJoinedLast sign-inEmail
JaneInternal@janejane@example.com
AdminJan 4, 2026Oct 20, 2026Confirmed
Maya Ortiz@maya.ortizmaya.ortiz@example.com
CustomerSep 2, 2026Oct 18, 2026Confirmed
Sam Patel@sam.patelsam.patel@example.com
CustomerSep 28, 2026Oct 11, 2026Confirmed
Alex Chenalex.chen@example.com
CustomerOct 16, 2026Oct 16, 2026Pending

About

Admin is the studio sales view from Mug, listed on its own so it is easy to find. Jane is already signed in. The charts stay still, and the page scrolls through restock, coupons, and customers.

Mug still includes this screen at /admin. Scaffold a copy of just the dashboard with the create command below, then replace the sample numbers in lib/sales.ts.

Get the template

Scaffold a local copy with your preferred package manager, or paste a prompt into a coding agent.

Terminal
pnpm create tawny@latest admin my-app

Template source

Browse every file in templates/admin.

templates/admin

README.md
# Admin

A studio sales dashboard for Jane Mug: revenue, a restock queue, coupon use, and a short customer list. The numbers are sample data. The signed-in account is Jane.

This screen is also included in the Mug template, at `/admin`.

Design by [Hugo Lin](https://1chooo.com).

## Quick start

### Option A — create-next-app

```bash
npx create-next-app@latest my-admin \
  --example "https://github.com/1chooo/tawny" \
  --example-path "templates/admin"
```

### Option B — create-tawny CLI

```bash
npx create-tawny@latest admin my-admin
```

Then:

```bash
cd my-admin
pnpm install
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000).

## Customize these files

| File | What to change |
|------|----------------|
| `lib/sales.ts` | Revenue series, pieces, coupons, and customers |
| `components/sales-board.tsx` | Dashboard layout |
| `app/layout.tsx` | Site title and the signed-in email |

## Stack

- Next.js 16 App Router & React
- Tailwind CSS v4
- Recharts
- Geist and Space Grotesk

## License

MIT — see [LICENSE](./LICENSE).