Radix UI
JavaScriptReady-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
Use cases
Language
JavaScriptCategory
Ready-made components
More in Ready-made components
Other tools in the same category