← All libraries

Radix UI

JavaScript
↗ Official site

Ready-made components

Unstyled, accessible React component primitives — full control over styling.

What it does

Radix UI provides the behavior and accessibility of complex components (dropdowns, dialogs, tooltips) without imposing any visual style. You bring the CSS. shadcn/ui is built on top of Radix.

When to use it

Use this when you need accessible component behavior (keyboard navigation, ARIA attributes) but want to style everything yourself.

Real example

You need a custom-styled modal that traps focus, has a proper ARIA role, and closes on Escape — without using a pre-styled library. Prompt: 'Use Radix Dialog.Root, Dialog.Trigger, Dialog.Portal, Dialog.Overlay, and Dialog.Content. Style them with Tailwind. The Radix components handle keyboard navigation, focus trap, and ARIA attributes automatically.'

Good to know

If you use shadcn/ui, you're already using Radix. Use Radix directly when you want complete styling freedom.

Alternatives

Install

$ npm install @radix-ui/react-dialog

Use cases

accessible componentsReactunstyledprimitives

Language

JavaScript

Category

Ready-made components

More in Ready-made components

Other tools in the same category