Search Results for "aria"

Intent UI is a modern React component library focused on accessibility, customization, and developer ownership, built on top of React Aria Components and styled with Tailwind CSS. It follows a copy-and-paste philosophy similar to shadcn/ui, allowing developers to directly integrate and modify components within their own codebases instead of relying on rigid dependencies. The library emphasizes accessible design by leveraging ARIA standards and best practices, ensuring that components work well with keyboard navigation and assistive technologies. ...

React Spectrum is a collection of libraries and tools developed by Adobe that implement the Spectrum design system in React, enabling developers to build accessible, consistent, and adaptive user interfaces. It is composed of multiple layers, including React Spectrum for styled components, React Aria for accessibility and interaction logic, and React Stately for state management, creating a modular architecture that separates behavior, state, and presentation. The library is designed to provide out-of-the-box accessibility, supporting keyboard, mouse, and touch interactions while adhering to WAI-ARIA standards. It also includes built-in internationalization features, supporting multiple languages, right-to-left layouts, and localized formatting for dates and numbers. ...

...The architecture supports React Server Components and modern TypeScript tooling, making it suitable for scalable and high-performance applications. Accessibility is also a core principle, with components designed to follow best practices such as ARIA support and keyboard navigation.

Radix UI Primitives is a low-level, headless component library designed to provide the behavioral and accessibility foundations for building modern web interfaces without imposing any visual styling. It focuses on delivering fully accessible components that strictly follow WAI-ARIA guidelines, ensuring proper keyboard navigation, focus management, and screen reader compatibility out of the box. Instead of shipping pre-styled components, Radix provides unstyled primitives that developers can fully customize using any styling solution, allowing complete control over appearance while relying on robust underlying logic. ...

Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks....

A collection of framework-agnostic UI components patterns like an accordion, menu, and dialog that can be used to build design systems for React, Vue, and Solid.js. Simple, resilient component logic. Write component logic once and use it anywhere. Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA-compliant way. Component logic is largely JavaScript code and can be consumed in any JS framework. Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system. Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid.

Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes. NextUI is fully-typed to minimize the learning curve and...