Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI

1. shadcn/ui

   1 304 85,774 9.7 TypeScript

   A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

   

   ShadCN UI - 3rd party minimally styled component library built with Radix Primitives

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. Tailwind CSS

   2 1,500 87,351 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   Tailwind - Headless UI

4. react-spectrum

   3 11 13,801 9.8 TypeScript

   A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

   

   Adobe - React ARIA

5. react-hook-form

   4 245 42,907 9.0 TypeScript

   📋 React Hooks for form state management and validation (Web + React Native)

   

   With React ARIA, it’s a lot more code I have to write but working with semantic HTML and attributes makes me a better frontend engineer overall. With Radix, Tailwind, and Material, I only get better at using their library - knowing Dialog.Content must wrap around Dialog.Title and Dialog.Description does not transfer to anything else. Additionally, I can intuit what the hooks do and see what their return values do. It reminds me of React Hook Form in this way.

6. heroui

   5 54 23,954 9.8 TypeScript

   🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

   

   NextUI - 3rd party minimally styled component library built with React ARIA

7. headlessui

   6 200 27,170 8.5 TypeScript

   Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

   

   Tailwind - Headless UI

Suggest a related project