Why Kappa
Kappa is the component library we use at dicehub. It draws from a variety of UI libraries, then adapts those ideas to our products. Its components are opinionated, with practical defaults for dense technical interfaces.
- 96
- Documented components
- dicehub
- Used in product applications
- Vue 3
- Typed ESM package
Principles
Daily product work at dicehub shapes how Kappa is built.
Used at dicehub
Product work drives the library. We use these components in dicehub applications.
Informed by other libraries
We study several UI libraries and adapt useful ideas to Kappa's API and visual language.
Opinionated components
Each component has clear decisions about behavior, spacing, and states. Props, slots, and named parts provide the expected composition points.
Accessible behavior
Keyboard use, focus, and state handling follow tested primitives.
Start building
Import components from the package root. Load the Kappa theme once in your application.
import { Button } from "@dicehub/kappa";
import "@dicehub/kappa/styles/theme-kappa.css";For a new project, follow the installation guide. Thecolor system explains the theme tokens.