Skip to content
FindOpenSource

Radix Primitives

Unstyled, accessible React component primitives for building your own design system instead of adopting a pre-styled one.

Overview

Radix Primitives is a low-level React component library focused on accessibility, keyboard interaction and correct ARIA behavior for common UI patterns (dialogs, dropdowns, tooltips, tabs, popovers and more), deliberately shipped without visual styling. The idea is that you bring your own CSS/styling approach and get the accessibility and interaction behavior handled for you, rather than fighting to override another library's opinionated styles.

Components can be adopted incrementally — you don't need to commit to Radix as your entire UI layer, individual primitives can sit alongside existing components. It's the unstyled foundation that several popular styled component systems, including shadcn/ui already in this catalog, are built on top of.

Radix Primitives fits teams building their own design system who want solved, tested accessibility behavior instead of re-implementing ARIA patterns from scratch, without inheriting someone else's visual design.

Why it's in this catalog

Catalog rating: ★★★★☆ (4/5)

Unstyled primitives are a genuinely different layer from MUI's styled system, and Radix is literally the engine shadcn/ui is built on -- complementary rather than redundant in a thin ui category.

  • Mature
  • Vendor-backed
Categories
UI & Components
Keywords
component-librarydesign-systemaccessibilityunstyled-components
Languages
TypeScript
License
MIT

Spotted an error? Suggest an edit on GitHub.