Templates
Dashboard
An admin console: inbox, customers, files, activity, integrations and nested settings, in one shell.
Demo
Live demo
Dashboard
The frame is the template itself, running. Everything in it works.
What to try
- ⌘K (Ctrl+K) anywhere opens the command palette: type a screen, press Enter.
- Open Settings › Members › Roles: the sidebar's branch opens itself, three levels down.
- On Customers, sort by MRR — across every page, not just this one — then tick some rows and delete: it asks first.
- Read a message in the Inbox: the count on the bell and beside Inbox goes down.
- Collapse the sidebar from the top bar; on a phone it is a drawer.
Start a project
Or fork it as it is, without the tool:
What is inside
Northwind's operations console: an overview, a mailbox, customers to filter and act on, files, an audit log, integrations and five settings screens, all in one shell — a sidebar three levels deep, a top bar and Cmd+K.
The data comes through one file, src/data/api.ts: point it at your backend
and the screens do not change. The sidebar, the routes and the commands are one
list in src/nav.ts.
| Route | What it shows |
|---|---|
/ |
The overview: figures, revenue, the latest orders, what happened. |
/inbox |
A two-pane mailbox, with a message to compose. |
/customers |
Filters, sorting and pages, a bulk delete that asks, a customer in a side panel. |
/files, #/activity |
Stored files; the audit log, day by day. |
/integrations |
What the workspace is wired to, on or off. |
/settings/… |
General, Members › People and Roles, Notifications, Security. |
| To change first | What it holds |
|---|---|
src/data/api.ts |
Each screen's data. Call your backend here. |
src/nav.ts |
The sidebar, the routes and the Cmd+K commands. |
src/brand.ts |
The brand, in one call. |
src/views.ts |
Filtering, sorting and paging, tested once. |