SaaS
An invoicing product: sign in, first steps, a dashboard, customers and settings.
Demo
Live demoThe frame is the template itself, running. Everything in it works.
What to try
- Sign in with any email and password — then open a customer from the table, and change your name in Settings.
- Search the customers as fast as you type: the last search always wins.
- Delete the workspace — it asks first.
Need the back end too — real accounts, billing, an admin panel, your database? Kanto SaaS Pro is the whole SaaS, paid once.
Start a project
Or fork it as it is, without the tool:
What is inside
Northwind sends invoices and chases them. Signing in is faked — any email and password get in — and the data comes from one module with an async API over made-up customers and invoices: replace those two files and the pages do not change.
A new account lands on its first steps before its dashboard; a signed-out visit to any page goes to sign in.
| Route | What it shows |
|---|---|
/sign-in, #/sign-up |
The way in: sign in, create an account, reset a password. |
/welcome |
First steps for a new account. |
/ |
What is billed, paid and late: stats, a chart, the latest invoices. |
/customers |
Everyone you bill: search, pages, and a customer in a side panel. |
/settings |
Profile, notifications, and a danger zone that asks first. |
| To change first | What it holds |
|---|---|
src/brand.ts |
The brand, in one call. |
src/data/api.ts |
The data. Call your backend here. |
src/auth.ts |
Signing in. Call your auth provider here. |
src/content.ts |
The navigation, the account menu, the first steps, the tables. |