Radix UI Primitives
Build accessible, headless UI with Radix Primitives. Composes dialogs, menus, popovers, and comboboxes with correct focus management and ARIA, then styles them with your own tokens and compound-component patterns.
This skill builds production UI on Radix Primitives — the unstyled, accessible foundation behind shadcn/ui. It composes dialogs, dropdown/context menus, popovers, tooltips, tabs, and comboboxes with proper focus trapping, keyboard navigation, and ARIA, styled via your design tokens using compound-component APIs.
radix-ui accessibility headless-ui design-system aria
When to use
Use when building accessible custom components, needing correct focus/keyboard/ARIA behavior without a full component library, or theming Radix primitives with your own design tokens.
Examples
Accessible dialog
Focus-managed modal
Build an accessible modal with Radix Dialog including focus trap, escape-to-close, and a styled overlay themed with our design tokens
Themed dropdown menu
Compound components
Compose a Radix Dropdown Menu with sub-menus, checkbox items, and keyboard navigation, styled to match our button and surface tokens