Mug

A ceramics studio for Jane Mug — home, sign-in, and a sales dashboard. Open the live showcase. Navigate inside the frame — you are still on Tawny.

Open in new tab

designs/mug

Jane Mug

jane@example.com

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

Pieces6 Awaiting4 Low stock3

Revenue

$3,478

57 orders · avg $61.02

Awaiting payment

Awaiting

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

Account	Role	Joined	Last sign-in	Email
JaneInternal@janejane@example.com	Admin	Jan 4, 2026	Oct 20, 2026	Confirmed
Maya Ortiz@maya.ortizmaya.ortiz@example.com	Customer	Sep 2, 2026	Oct 18, 2026	Confirmed
Sam Patel@sam.patelsam.patel@example.com	Customer	Sep 28, 2026	Oct 11, 2026	Confirmed
Alex Chenalex.chen@example.com	Customer	Oct 16, 2026	Oct 16, 2026	Pending

About

Mug is a small-batch ceramics studio. The home introduces Jane, the sign-in keeps the kiln photograph, and the sales board shows revenue, restock, and customers.

Open the bag, sign in, or visit the studio admin from the page. The same dashboard is also listed on its own as Admin. Scaffold a copy with the create command below, then replace the photos and the sample sales.

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 mug my-app

Template source

Browse every file in templates/mug.

templates/mug

README.md

# Mug

A ceramics studio in three pages: the home, a split sign-in, and a sales dashboard. The bag keeps a few sample pieces in the browser. The dashboard numbers are sample data.

The studio name in the sample copy is Jane. Studio admin lives at `/admin`, and the same dashboard is also its own template, `admin`.

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

## Quick start

### Option A — create-next-app

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

### Option B — create-tawny CLI

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

Then:

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

Open [http://localhost:3000](http://localhost:3000). Sign in is `/login`. Studio admin is `/admin`.

## Customize these files

| File | What to change |
|------|----------------|
| `lib/products.ts` | Piece names, prices, and photos |
| `lib/sales.ts` | Revenue, restock, coupons, and customers |
| `components/studio-note.tsx` | The studio introduction |
| `components/hero.tsx` | Headline and hero photo |
| `app/layout.tsx` | Site title and metadata |

## Stack

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

## License

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

Mug

Sales