Northwind Store
E-commerce
A store's back office: sales, the order book, products, customers, stock, the parcels still to go out and the till in the shop.
12 pages · 37 widgets
13 dashboards · 109 pages · 223 widgets
Dashboards
Each dashboard is a product of its own: a brand, a sidebar, and the pages under it, every number read from one sample store. Install a whole dashboard with one command, or take a single page or a single card of one.
- Northwind
SaaS
The numbers a subscription business watches: revenue, usage, retention, where the users are and what is happening right now.
8 pages · 46 widgets
- Northwind CRM
CRM
Deals, leads and campaigns: the pipeline, who is in it, and what it cost to fill.
5 pages · 13 widgets
- Northwind Support
Support
The help desk: the queue, the inbox, the help centre and what changed since a customer last looked.
4 pages · 8 widgets
- Northwind Platform
Engineering
Deploys, uptime, incidents, alerts and logs — what is broken, since when, and who has it — and the public status page.
6 pages · 15 widgets
- Northwind People
People
The people team's desk: the directory, roles, invitations, the leaderboard and who is out this month.
6 pages · 11 widgets
- Northwind Finance
Finance
Cash in and cash out: the ledger, invoices, payments, balances in four currencies and a treasury held in crypto.
5 pages · 18 widgets
- Northwind Work
Projects
The work and the team around it: tasks, a timeline, to-dos, notes, a calendar, the automations that run it, chat, mail, the team feed and files.
12 pages · 12 widgets
- Harbour House
Hotel
A hotel's front desk: tonight's arrivals and departures, the bookings, the room rack and the guests.
4 pages · 10 widgets
- Riverside Clinic
Clinic
A clinic's day: the appointments, the patients, the doctors and how full the schedule is.
4 pages · 11 widgets
- Keystone Property
Real estate
An agency's book: the listings, the agents holding them and the viewings booked this month.
5 pages · 21 widgets
- Northwind Academy
Academy
An online school: the courses, the students on them and how far each has got.
4 pages · 16 widgets
- Northwind AI
AI
A product with a model in it: tokens and cost, two assistants, an image studio and the voice jobs.
5 pages · 5 widgets
Shared pages
29The screens every dashboard needs and none owns: sign-in, onboarding, settings, billing, a profile and the error states.
Shared pagesWorkspace settings
A six-section settings page: workspace and brand, members, billing and usage, API keys, notification preferences, and a danger zone — with a save bar that appears the moment anything changes.
Shared pagesAudit log
An append-only trail read either as a rail or as a table, filtered by actor and resource, with a diff viewer for what each entry changed.
Shared pagesWelcome
The first page of a new workspace: a setup checklist whose steps are answered from the data, three counts of how far it already is, and a card for each step still to do.
Shared pagesSetup wizard
A four-step wizard — workspace, invitations, sources, done — that keeps the step it is on in the URL, validates each step before it moves, and finishes through a server action.
Shared pagesNot found
A 404 inside the shell: the address that was asked for, a search over everywhere the product goes, and the last few things you changed to pick up from.
Shared pagesError states
The two ways a page fails: a 500 with the details behind a toggle, the reference, the incident already open and a way to try again, and a scheduled-maintenance notice with the window and what it takes down.
Shared pagesNo access
A 403 inside the shell: what is restricted and why, who can grant it, and a request-access form that validates through a server action and confirms in place.
Shared pagesPlan picker
A pricing page for the workspace you are in: the tier it is billed on with its seats filled, every other tier priced monthly or yearly, and a dialog that confirms the change.
Shared pagesInvoices and payment methods
A billing history for every workspace an organisation runs: what is outstanding, what has been paid, one row per invoice with its download control, and the wallet the next invoice is charged to.
Shared pagesMetered usage
Metered usage for the term a subscription is in: seats, requests and tokens against what the tier includes, an overage forecast against the ceiling, and where the organisation's usage goes workspace by workspace.
Shared pagesSign in
A centered sign-in card: email and password with inline errors tied to the field that failed, a remember switch, links to recovery and signup, and single sign-on placeholders.
Shared pagesSign up
A split signup page: name, email, and a password with a live strength meter beside a brand panel of highlights, and consent gated before the account is ever created.
Shared pagesForgot password
A centered recovery card: one address field, and a check-your-inbox confirmation that never reveals whether the account exists.
Shared pagesReset password
A centered card for setting a new password from an emailed link: the password twice, a mismatch that marks both fields, and a confirmation that ends on the sign-in page.
Shared pagesVerify code
A centered card for confirming an email: a six-digit one-time code in two groups of three, a resend button held shut by a 30-second countdown, and a verified confirmation.
Shared pagesProfile settings
The signed-in person's own details: avatar, name, email and timezone in one saved form, with the account facts the form cannot change beside it.
Shared pagesSecurity settings
Account security in three panels: change the password, pair an authenticator app with a six-digit code, and sign out of the places this account is signed in from.
Shared pagesNotification settings
A channel by event matrix — email, in-app and push against every kind of notification the workspace sends — with the digest window under it.
Shared pagesAPI key settings
Every key in the workspace, live and revoked, with a create dialog that shows the whole key once and a confirmation behind every revoke.
Shared pagesIntegration settings
The connector catalogue as cards — connect, disconnect, or retry one that is refusing — filtered by the categories the catalogue actually uses.
Shared pagesCSV import
A four-step importer: drop a CSV, map each of its columns to a field, look at the first rows as the mapping reads them, and write the rest — with every refused row named by its line number.
Shared pagesTwo-factor setup
Turn on a second factor: a QR of the otpauth URL with the same secret printed beside it to type, a six-digit verify, and the recovery codes handed over once it is on.
Shared pagesMagic link
Sign in without a password: one address in, a sent screen that names where the link went without printing the address back, and a resend held shut behind a countdown.
Shared pagesPasskey sign-in
Sign in with a passkey, or make one first: both halves of the ceremony mocked behind server actions, with a refusal under the button that produced it and three sentences saying what a passkey actually is.
Shared pagesAccept invitation
Take a seat in a workspace: who invited you, into what and as what, a name and a password to set — and its own page, with its own heading, when the token has expired, been withdrawn, been used, or is not one we know.
Shared pagesMember profile
The signed-in member's page: a tinted cover, tabs kept in the URL, the audit trail as a stream, connections, teams and a projects table.
Shared pagesNotification inbox
Every notification as a page: an unread count in the header, search, status and kind filters, inline accept and decline on an assignment, and a paged list over db.notifications.
Shared pagesClassic overview
A workspace at a glance: revenue, new subscriptions, paid orders and sessions this hour with their changes, revenue by week against the weeks before, subscriptions by month, the team's roles, a support thread, sessions this week against last, the latest payments and a payment link.
Shared pagesTeammate profile
A teammate's profile without a cover: the face and the name with Follow and Message, four figures, about, skills with a meter each, the teams they are on with the faces in them, a contribution heatmap over six months, and the latest of what they did.
Start with a page
One command, and the page — its parts, its sample data, its server actions — is source in your repository. No account, no license key, nothing to keep in step with a release.
npx shadcn@latest add @vibra/ecommerce