Radix UI

Definitions

1. A library of unstyled, accessible React UI primitives designed to be the foundation for custom design systems. Radix provides the complex behavior and accessibility logic for components like dialogs, dropdown menus, popovers, and tooltips without imposing any visual styling. This 'headless' approach lets teams build pixel-perfect designs while inheriting correct keyboard navigation, screen reader support, and WAI-ARIA patterns. Radix is maintained by WorkOS and serves as the behavioral layer underneath shadcn/ui and many other component libraries. It solved a persistent problem in frontend development: building accessible interactive components from scratch is extremely difficult, but traditional libraries force unwanted styles. Radix gives you the hard parts for free.

   In plain English: A React library that handles the tricky interactive behavior and accessibility of UI components (menus, dialogs, tooltips) without forcing any visual design on you.

   Example: We use Radix primitives under our design system so every dropdown and modal is keyboard-accessible by default.