The best react-spectrum alternatives

chakra-ui

chakra-ui/chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚡️

Choose chakra-ui if…

• MIT License suits your use better than Apache License 2.0
• you want the more widely starred option (40.7k)
• you specifically need a11y or accessible

Shares react, react-components, ui-components, wai-aria with react-spectrum.

primitives

radix-ui/primitives

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

Choose primitives if…

• MIT License suits your use better than Apache License 2.0
• you specifically need colors or component-library

Shares accessibility, design-systems, react, ui-components with react-spectrum.

base-ui

mui/base-ui

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

Choose base-ui if…

• MIT License suits your use better than Apache License 2.0
• you specifically need base-ui or components

Shares accessibility, react, react-components, wai-aria with react-spectrum.

themes

radix-ui/themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

Choose themes if…

• MIT License suits your use better than Apache License 2.0
• you specifically need colors or component-library

Shares accessibility, design-systems, react, ui-components with react-spectrum.

zag

chakra-ui/zag

Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines

Choose zag if…

• MIT License suits your use better than Apache License 2.0
• you prefer a smaller, narrower project to a large one
• you specifically need a11y or agnostic

Shares accessibility, design-systems, react, ui-components with react-spectrum.

Intent UI is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy & paste into your React projects.

Choose intentui if…

• MIT License suits your use better than Apache License 2.0
• you prefer a smaller, narrower project to a large one
• you specifically need components or intentui

Shares design-systems, react, react-components, ui-components with react-spectrum.

gluestack-ui

gluestack/gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

Choose gluestack-ui if…

• you prefer a smaller, narrower project to a large one
• you specifically need component-library or customizable-components

Shares accessibility, react, ui-components with react-spectrum.

floatui

MarsX-dev/floatui

Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.

Choose floatui if…

• you would rather work in MDX than TypeScript
• you prefer a smaller, narrower project to a large one
• you specifically need nextjs or tailwind-template

Shares design-systems, react, react-components, ui-components with react-spectrum.

baseweb

uber/baseweb

A React Component library implementing the Base design language

Choose baseweb if…

• MIT License suits your use better than Apache License 2.0
• you specifically need component-library

Shares design-systems, react, react-components with react-spectrum.

reshaped

reshaped-ui/reshaped

Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

Choose reshaped if…

• MIT License suits your use better than Apache License 2.0
• you prefer a smaller, narrower project to a large one
• you specifically need design-system or figma

Shares react, react-components, ui-components with react-spectrum.

skeleton

skeletonlabs/skeleton

Skeleton is an adaptive design system powered by Tailwind CSS.

Choose skeleton if…

• MIT License suits your use better than Apache License 2.0
• you prefer a smaller, narrower project to a large one
• you specifically need a11y or astro

Shares accessibility, react with react-spectrum.

evergreen

segmentio/evergreen

🌲 Evergreen React UI Framework by Segment

Choose evergreen if…

• you would rather work in JavaScript than TypeScript
• MIT License suits your use better than Apache License 2.0
• you specifically need component-library or evergreen

Shares design-systems, react, ui-components with react-spectrum.