Kanso UIBuildBeautifulInterfacesWithoutComplexity
Thoughtfully designed React components for modern applications. Inspired by Japanese minimalism and engineered for copy-paste ease, customizability, and WCAG accessibility.
Core Principles
Built From Structure, Not Decoration
Kanso Core
v1.0.0Minimalist component engine. Copy-paste React primitives.
Base UI
Unstyled structural layers. Built-in ARIA.
Motion
Fluid micro-interactions and tactile 3D physics.
Component Showcase
Developer Experience Built First
Start with a single copy-paste operation. Kanso UI elements slot right into standard tailwind structures.
Install Helper Modules
Configure your Tailwind classes with our minimalist configurations and helper package.
Copy and Customise
Grab exact TSX structures and paste them directly into your `/components/ui/` route.
npm install @kanso/uiimport { Button } from "@/components/ui/button"
export default function App() {
return (
<div className="flex gap-4 p-8">
<Button>Primary</Button>
<Button variant="outline">Outline</Button>
</div>
)
}Trusted by Frontend Engineers
"The layout rules and visual patterns in Kanso UI match exactly what we need for modern enterprise platforms. Simplicity is indeed engineered directly in."
Alexander Boyd
Design Engineer, Linear
"Having WCAG accessibility compliant outlines right out of the box saved us weeks of audit fixing. The styling is perfectly minimal."
Mia Koyama
Lead Frontend, Stripe
"Copy-paste setup means I don't need to add another complex library bundle. I copy precisely the components I need, modify the props, and build."
David Ross
CTO, Vercel Templates
Build Faster. Design Less.
Kanso UI gives you the building blocks for beautiful, high-performance web applications.
A design system built with React 19, Next.js 16, and Tailwind CSS v4.