Radix UI

Overview

Radix UI provides unstyled, accessible React primitives — dropdowns, dialogs, popovers, tabs, accordions, and more. Each component handles keyboard navigation, focus management, screen reader support, and ARIA attributes. You add your own styling. Foundation of shadcn/ui. Install the unified radix-ui package (recommended, tree-shakeable) or individual @radix-ui/react-* packages; keep all Radix packages on matching versions to avoid duplicated dependencies.

Instructions

Step 0: Install and import

npm install radix-ui

import { Dialog, DropdownMenu, Tabs, Tooltip } from 'radix-ui'   // unified package
// or per primitive: import { Dialog } from 'radix-ui/dialog'
// older style, still supported: import * as Dialog from '@radix-ui/react-dialog'