Accordion
Displays a button or a component that looks like a button. Supports variants, sizes, states, and icon slots.
Single
Only one item open at a time. Pass collapsible to allow closing the open item.
A hand-crafted design system built bottom-up. Behaviour is non-negotiable. Appearance is entirely yours.
Yes. Keyboard navigation, ARIA roles, and focus management are built directly into the components — no third-party primitives.
Override any
--kg-* CSS custom property and every component updates instantly. No rebuilds, no config files.Multiple
Multiple items can be open simultaneously.
Colors, spacing, typography, motion, and radius are all CSS custom properties. They cascade, so one override affects every component.
Each component is built from scratch. No Radix, no Headless UI. Behaviour is owned entirely by the design system.
Dark mode is driven by
data-theme="dark" on the root element. Set it in JS or CSS — no provider needed.