k8ordo UI is a UI component library built with React 19. Interactive elements like forms and cards feel approachable with rounded shapes and generous spacing, while informational elements stay crisp and clear. Calm but never boring UI.
Install with your preferred package manager.
After installation, complete the following two configuration steps.
Import the prebuilt CSS at your application entry point. No Tailwind CSS setup is required.
Projects using Tailwind CSS 4 can import the source entry instead, which also makes the design tokens available as Tailwind classes in your own markup.
Wrap your application with UIProvider.
Once setup is complete, you can import and use components.
k8ordo UI requires the following peer dependencies.
npm install @k8ordo/uiimport '@k8ordo/ui/styles.css';import '@k8ordo/ui/tailwind.css';import { UIProvider } from '@k8ordo/ui';
function App({ children }) {
return (
<UIProvider>
{children}
</UIProvider>
);
}import { Button, Heading } from '@k8ordo/ui';
function MyComponent() {
return (
<div>
<Heading level="h1">Hello k8ordo UI</Heading>
<Button variant="solid">Click me</Button>
</div>
);
}