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


Components follow the WAI-ARIA Authoring Practices whenever possible. Kobalte handle accessibility implementation details like ARIA attributes, focus management, and keyboard navigation.


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


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...).


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