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

• shadcn/ui

  136 56,834 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

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

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Tailwind - Headless UI

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-spectrum

  6 11,607 9.8 TypeScript

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

  

Adobe - React ARIA

• react-hook-form

  210 39,505 8.9 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.

• nextui

  46 19,223 9.7 TypeScript

  🚀 Beautiful, fast and modern React UI library.

  

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

• headlessui

  180 24,217 9.1 TypeScript

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

  

Tailwind - Headless UI

Suggest a related project