# Kernel UI

> A component library built on real semantic HTML instead of div soup: every component wraps a genuine native element or a documented ARIA pattern, ships as both a React package (`@kernelui-lib/react`) and framework-free Web Components (`@kernelui-lib/elements`), and follows one consistent prop convention throughout (`value`/`defaultValue`/`onValueChange`, `label`/`description`/`errorMessage`/`invalid`, `hideLabel`, `className`/`wrapperClassName`).

## Guides

- [Installation](/installation.md)
- [Theming](/theming.md)
- [Platforms](/platforms.md)

## Components

- [Accordion](/components/accordion.md)
- [Avatar](/components/avatar.md)
- [Badge](/components/badge.md)
- [Breadcrumbs](/components/breadcrumbs.md)
- [Button](/components/button.md)
- [Callout](/components/callout.md)
- [Card](/components/card.md)
- [Carousel](/components/carousel.md)
- [Checkbox](/components/checkbox.md)
- [Color Picker](/components/color-picker.md)
- [Combobox](/components/combobox.md)
- [Command Palette](/components/command-palette.md)
- [Composer](/components/composer.md)
- [Context Menu](/components/context-menu.md)
- [Data Table](/components/data-table.md)
- [Date Picker](/components/date-picker.md)
- [Date Range Picker](/components/date-range-picker.md)
- [Dialog](/components/dialog.md)
- [Dropdown Menu](/components/dropdown-menu.md)
- [File Upload](/components/file-upload.md)
- [Footer](/components/footer.md)
- [Header](/components/header.md)
- [Hover Card](/components/hover-card.md)
- [Input OTP](/components/input-otp.md)
- [Label](/components/label.md)
- [Nav](/components/nav.md)
- [Navigation Menu](/components/navigation-menu.md)
- [Number Field](/components/number-field.md)
- [Pagination](/components/pagination.md)
- [Popover](/components/popover.md)
- [Progress](/components/progress.md)
- [Radio Group](/components/radio-group.md)
- [Reasoning](/components/reasoning.md)
- [Resizable](/components/resizable.md)
- [Scroll Area](/components/scroll-area.md)
- [Select](/components/select.md)
- [Separator](/components/separator.md)
- [Sidebar](/components/sidebar.md)
- [Skeleton](/components/skeleton.md)
- [Slider](/components/slider.md)
- [Switch](/components/switch.md)
- [Table](/components/table.md)
- [Tabs](/components/tabs.md)
- [Tag Input](/components/tag-input.md)
- [Text Field](/components/text-field.md)
- [Textarea](/components/textarea.md)
- [Thinking Indicator](/components/thinking-indicator.md)
- [Toast](/components/toast.md)
- [Toggle](/components/toggle.md)
- [Tooltip](/components/tooltip.md)