# Introduction

Kobalte is a UI toolkit for building accessible web apps and design systems with SolidJS. It provides a set of low-level UI components and primitives which can be the foundation for your design system implementation.

## Key features

### Accessible

Components follow the [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/) whenever possible. Kobalte handle accessibility implementation details like ARIA attributes, focus management, and keyboard navigation.

### Composable

Kobalte provides granular access to each component parts, so you can wrap them and add your own event listeners, props, etc.

### Unstyled

Components are shipped with zero styles, allowing you to completely customize the look and feel. Bring your preferred styling solution (vanilla CSS, Tailwind, CSS-in-JS libraries, etc...).

## Acknowledgment

Kobalte would not have been possible without the prior art done by other meaningful projects from the frontend community including:

* Ariakit - [https://ariakit.org/](https://ariakit.org/)
* Radix UI - [https://www.radix-ui.com/](https://www.radix-ui.com/)
* React Aria - [https://react-spectrum.adobe.com/react-aria/](https://react-spectrum.adobe.com/react-aria/)
* Zag - [https://zagjs.com/](https://zagjs.com/)
* corvu - [https://corvu.dev/](https://corvu.dev/)