Radix UI

An open-source collection of unstyled React primitives for building accessible, high-quality web apps and design systems. Each component provides behavior, accessibility, and keyboard handling out of the box while leaving styling entirely to you, or pair with Radix Themes for styled components with zero configuration.

Trusted by teams at Node.js, Vercel, Linear, Supabase, and CodeSandbox. Radix differentiates from full-stack UI libraries like MUI or Chakra by offering unstyled primitives instead of opinionated components: you keep full control over appearance while getting WAI-ARIA compliant behavior, focus management, and assistive technology support. Maintained by WorkOS with high adoption and an active Discord community.

Key capabilities:

• Unstyled primitives that work with any styling approach: Tailwind, CSS modules, styled-components, or Radix Themes
• WAI-ARIA compliant accessibility with keyboard navigation, focus management, and screen reader testing
• Composable API with granular access to each component part for custom behavior
• Incremental adoption via independently versioned npm packages, no full rewrite required
• TypeScript support and consistent API patterns across Dialog, Dropdown Menu, Popover, Tabs, Slider, Accordion, and more

Use Radix when building design systems or product UIs where you need accessible dropdowns, modals, tooltips, or form controls without reinventing focus handling and ARIA semantics. Teams adopt it to replace custom implementations with battle-tested primitives that handle edge cases like collision detection, RTL support, and submenus. Integrates cleanly with existing React and CSS tooling.