KANTO DS v1.12.0
Customise

Theme

Accent

Font

Corners

Density

Text size

Reset to Kanto
Templates

SaaS

GitHub Copy link

An invoicing product: sign in, first steps, a dashboard, customers and settings.

Demo

Live demo
SaaS

The 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

npm create kanto@latest my-app -- --template saas --stack react

Or fork it as it is, without the tool:

npx degit MrArnaudMichel/kanto/templates/saas-react my-app

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.

Components