Theme
Accent
Font
Corners
Density
Text size
80 components for dashboards, admin tools and forms. They work in any framework, read well in both themes, and wear your colours from one line. Free and open source.
MIT licensed and free. React, Vue, Angular, Svelte or plain HTML, and ready for your AI agent.
Every part of it is Kanto, live — and the whole console is one click away.
Kanto ships its own instructions for agents: the rules that make code right, the mistakes they make and the fix, and every component's page. One line points Claude Code, Cursor, Copilot or Codex at them.
Build a settings page with Kanto: a profile form, notification toggles, and a danger zone that asks before deleting the account.
kt-prompt-input and kt-chat-message are the field and the
messages of a chat — thinking, streaming and the send button included. Ask this one
something.
Things move only when something changed, and say what it was: a step filling in, a number rolling the way it went, a send button whose plane becomes the spinner and flies off.
Colour, font, corners, density and text size are attributes on the page. Pick them here and the line below is what you paste.
<html>
Kanto as it comes: nothing to write.
Every control works from the keyboard and tells a screen reader what it is. Each one is audited by axe in both themes, at every setting, on every release.
19 everyday screens, all Kanto and all live. Type in them, open the menus — then give them another look from the row above.
We never share your email.
Move money between your accounts.
Help us fix it faster.
Add people to this workspace.
or share a link
Choose what we tell you about.
Milestones for 2026.
Narrow the listings.
We will send an invite to your calendar.
Built in the open.
Use the email you signed up with.
PDF or images, 2 MB each.
Whole projects — routed, typed and building — in React, Vue or TypeScript without a framework, each running here. See every template.
Kanto SaaS Pro is the step after the templates: accounts, teams, plans and billing, an admin panel and your database, in Nuxt, set up in one command. You write only the product. Paid once.
See Kanto SaaS ProKanto is standard custom elements: the same button in React, Vue, Angular or plain HTML, with typed wrappers where a framework wants them.
Yes, with one thing to know: custom elements upgrade in the browser. The server sends the tags; they hold their place, hidden, until the script runs, then draw. Nothing breaks and nothing jumps, but the elements are not in the first paint.
Import it on its own —
import 'kanto-ds/components/forms/kt-date-picker' — and your bundler leaves the
others out. Each element has a size budget the release checks.
All 80 elements, Lit included, are about 85 kB gzipped as one file from the CDN; a single button is a few kB. Kanto depends on Lit and the icons it draws, nothing else.
Every element is audited by axe in both themes, at every appearance setting, in a real browser, on every release, and its keyboard behaviour has tests of its own. Each component page says what a screen reader hears.
One attribute per setting — data-accent, data-font,
data-radius, data-density — or any colour through
setAppearance, which keeps every text readable. The example above writes the line
for you.
MIT, and nothing. Use it in commercial products, change it, ship it.
Install it, import it once, and build — in your colours from the first line.
