Kobalte

A UI toolkit for building accessible web apps and design systems with [SolidJS](https://solidjs.com) [![license-badge](https://img.shields.io/badge/license-MIT-1890ff.svg)](https://github.com/kobaltedev/kobalte#license) [![checks](https://img.shields.io/github/checks-status/kobaltedev/kobalte/main)](https://github.com/kobaltedev/kobalte/actions)
## Packages | Name | Version | Description | | :---------------------------------------------------- | :------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------- | | [@kobalte/core](/packages/core) | [![core-npm]](https://www.npmjs.com/package/@kobalte/core) | Unstyled components and primitives for building accessible web apps and design systems. | | [@kobalte/tailwindcss](/packages/tailwindcss) | [![tailwindcss-npm]](https://www.npmjs.com/package/@kobalte/tailwindcss) | A TailwindCSS plugin for styling Kobalte components states `data-*` attributes by using modifiers like `ui-expanded:*` | | [@kobalte/vanilla-extract](/packages/vanilla-extract) | [![vanilla-extract-npm]](https://www.npmjs.com/package/@kobalte/vanilla-extract) | A Vanilla Extract plugin for styling Kobalte components states `data-*` attributes by using an utility function. | [core-npm]: https://img.shields.io/npm/v/@kobalte/core [tailwindcss-npm]: https://img.shields.io/npm/v/@kobalte/tailwindcss [vanilla-extract-npm]: https://img.shields.io/npm/v/@kobalte/vanilla-extract ## Documentation For full documentation, visit [kobalte.dev](https://kobalte.dev/). ## Sponsors
SolidJS

Officially Sponsored by SolidJS

Support us on [Open Collective](https://opencollective.com/kobalte). ## Roadmap View roadmap, give feedback and vote for new features at https://github.com/orgs/kobaltedev/projects/4. ## Contributing Before contributing please refer to [CONTRIBUTING.md](./CONTRIBUTING.md). Join the discord! https://discord.com/invite/solidjs. All contributions are moderated under the [Contributor Covenant Code of Conduct](./CODE_OF_CONDUCT.md). ## Acknowledgment | [Ariakit](https://ariakit.org/) | [Radix UI](https://www.radix-ui.com/) | [React Aria](https://react-spectrum.adobe.com/react-aria/) | [Zag](https://zagjs.com/) | [corvu](https://corvu.dev/) | | --- | --- | --- | --- | --- | Created by Fabien Marie-Louise. ## License This project is licensed under the [MIT License](./LICENSE.md).