Introduction

krz-ui is a set of beautifully designed, accessible React components. Zero runtime dependencies, a single stylesheet, and light and dark themes built in — drop it into any React 18 or 19 app and start building.

Features

• Accessible — keyboard navigation, focus management and ARIA attributes out of the box.
• Themeable — every color, radius and font is a CSS variable you can override.
• Dependency-free — only React as a peer dependency.
• Framework friendly — works with Next.js (App and Pages Router), Vite, Remix and CRA.

Quick start

Import the stylesheet once in the file that wraps your app (see your framework), then use the components:

import "krz-ui/styles.css";

import { Button } from "krz-ui";

export default function Page() {
  return <Button>Get started</Button>;
}

Next steps