Headless UI alternatives: Radix Primitives, React Aria, Ark UI

1. headlessui

   1 200 27,323 8.7 TypeScript

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

   

   Headless UI is an unstyled React component library built by Tailwind Labs, the creators of Tailwind CSS. Headless UI’s website says the library is “designed to integrate beautifully with Tailwind CSS.” As mentioned earlier, Headless UI is the most popular in its category, with 25K stars on GitHub and 1.35 million weekly downloads on npm.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. website

   2 10 908 8.9 TypeScript

   Website and documentation for Radix. (by radix-ui)

   

   Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.

4. primitives

   3 30 17,113 9.7 TypeScript

   Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

   

   Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.

5. react-spectrum

   4 11 13,896 9.8 TypeScript

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

   

   React Aria is a library of unstyled components that Adobe released under their collection of React UI tools called React Spectrum. Adobe does not have a repository dedicated to React Aria, but the React Spectrum repository has 12K GitHub stars at the time of writing. Its npm package, react-aria-components, also currently receives 260K weekly downloads.

6. ark

   5 3 4,298 9.9 TypeScript

   Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines

   

   Ark UI is a library of unstyled components that work in React, Vue, and Solid. Chakra Systems — the team behind Chakra UI — is also the team behind Ark UI. At the time of this writing, Ark UI has 3.3K stars on GitHub and gets 38K weekly downloads on npm.

7. awesome-react-headless-components

   6 6 1,099 2.6

   Awesome list of React headless components!

   

   There are other React unstyled component libraries this article did not discuss, such as Base UI (from the Material UI team), Reach UI (from the React Router team), and many more. Undoubtedly, these libraries solve important problems for developers, and the trend of using them does not seem to be fading anytime soon.

Suggest a related project