Accessibility is at the heart of Akar. Our components align with WAI-ARIA design patterns to ensure that all users, regardless of abilities, can interact with your UI effectively. We handle intricate accessibility details like aria attributes, keyboard navigation, and focus management to simplify the developer's work.
Akar components come unstyled, providing developers the freedom to style them however they choose, using any CSS solution (vanilla CSS, preprocessors, or CSS-in-JS libraries). Our open component architecture allows you to wrap, extend, or modify each component as needed. Explore more in our styling guide.
Our components are designed to be open and adaptable, allowing you to customize each element to fit your needs. Whether adding event listeners, props, or refs, Akar provides granular access to each component's inner workings.
Akar components are, by default, uncontrolled but can also be fully controlled when needed. This approach allows developers to decide on the level of state management required, offering a balance between flexibility and ease of use.
We prioritize developer experience by maintaining a consistent and predictable API. Akar is fully-typed and structured with simplicity in mind, ensuring that components are easy to use and integrate. Our asChild prop allows full control over rendered elements, enhancing flexibility.
Our library is designed with performance in mind. All components are compiled into a single package, making installation straightforward and ensuring that any unused components won’t add to your bundle size thanks to tree-shaking.
All credits go to these open-source works and resources