Radix UI Primitives

Radix UI is an open-source headless component library created by the Vlad Marochko and the team at WorkOS in 2020, providing a comprehensive set of accessible, unstyled, and customizable primitives for building high-quality design systems and web applications, with over forty components covering navigation, forms, overlays, and interactive elements, designed to give developers full control over styling while handling all accessibility, keyboard interaction, and behavior logic, adopted by companies including Linear, Vercel, Cal.com, and Supabase for their production design systems. The primitive architecture means each component is split into small composable parts, for example a Dialog consists of Root, Trigger, Portal, Overlay, Content, Title, Description, and Close parts, enabling developers to compose the exact DOM structure they need while the library handles focus trapping, aria attributes, scroll locking, and keyboard navigation automatically. The accessibility first approach means all components follow WAI-ARIA specifications, with automatic aria attribute management, focus management including focus trapping in modals and focus restoration on close, keyboard navigation following platform conventions with arrow keys, home, end, and typeahead support, and screen reader compatibility tested across major assistive technologies. The unstyled design means components ship zero CSS, giving developers complete freedom to style with any approach including Tailwind CSS, CSS modules, styled-components, Stitches which is also built by the Radix team, or plain CSS. The animation friendly API exposes CSS custom properties and data attributes for animation states. The SSR support prevents hydration mismatches. The open and close animations through data-state attributes. Designed for design system teams.